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

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号