h5页面关闭电话号码识别

切版网专注网页切版服务


在我们前端切图项目中,经常性的会给h5页面加上一句meta标签,来阻止浏览器自动识别电话号码,并且添加拨号连接:tel:xxxxxx

这是浏览器刻意为之的,对于浏览器来说,它们认为这是一种用户体验上的提升,但是实际情况下很多客户并不买单,并直接要求去掉。所以,这句话大家可以收藏一下

<meta name=”format-detection” content=”telephone=no” />

放到head区域即可。

<meta content=”email=no” name=”format-detection” />

关闭识别邮箱

<meta name=”apple-mobile-web-app-status-bar-style” content=black” />

默认值为default(白色),可以定为black(黑色)和black-translucent(灰色半透明)。

注意: 若值为“black-translucent”将会占据页面px位置,浮在页面上方(会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px)。

iOS用rel=”apple-touch-icon”,android 用rel=”apple-touch-icon-precomposed”。这样就能在用户把网页存为书签时,在手机HOME界面创建应用程序样式的图标。

<link rel=”apple-touch-icon” href=”/static/images/identity/HTML5_Badge_64.png” />

<link rel=”apple-touch-icon-precomposed” href=”/static/images/identity/HTML5_Badge_64.png” />

 

来源:切版qieban.cn

免费索取报价