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” />

以上“h5页面关闭电话号码识别”由鲍余网络整理发布，转载请注明出处。鲍余网络8年专注建站，要找深圳网站建设，深圳建网站，深圳网站设计，深圳网站制作，就好鲍余网络。24小时服务资讯热线：18576678080。