阻止IOS自动识别页面上的电话号码、email地址

之前写页面的时候碰到一个很恶心的情况,在6P上数字自动变色,后来找了一些资料:

在iOS的浏览器上,他们有时候会有一些“自作聪明”,自动把页面上的一串数字识别成电话号码,这样用户不小心点击这串数字,就拨号了。所以我们习惯给那些要在手机上访问的响应式页面增加一串meta标签,以阻止移动端浏览器的这些自动行为。

<meta name="format-detection" content="telephone=no" />
<meta name="format-detection" content="email=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="date=no" />

address=no,是防止地址跳转到地图;date=no是防止日期被显示成别的格式。

如果想用电话功能的时候,直接使用H5的标签就可以了:

<a href="tel:123456789">123456789</a>

一点小经验,希望能对小伙伴们有所帮助。欢迎前端的小伙伴们来讨论自己的经验。

posted @ 2016-07-18 11:34  白凌玄月  阅读(571)  评论(0编辑  收藏  举报