阻止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>

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

转载于:https://www.cnblogs.com/Nightsky-Dec/p/5680625.html