禁止苹果浏览器Safari将数字识别成电话号码的方法

偶然发现用ipad访问我的网站时,发现网站上的一串数字变颜色了(原来是红色的),现在变成了蓝色。一开始以为网站出了什么问题,后来在PC端查看,发现颜色依旧是红色。在ipad上点击还会弹出菜单呼叫的选项,基本可以断定是Safari搞的鬼了。Safari识别电话号码功能会自动将数字识别成电话号码。

别的地方倒也罢了,如果在用户名中出现数字(手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”),那效果会很不好。

为了这个问题,到Safari的官网翻找,发现Safari有个私有meta属性可以解决这个问题。在<head>...</head>之间添加以下代码即可解决。

 

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

  

 
posted @ 2016-08-06 19:25  ldy592  阅读(2998)  评论(0编辑  收藏  举报