偶然发现用ipad访问我的网站时,发现网站上的一串数字变颜色了(原来是红色的),现在变成了蓝色。一开始以为网站出了什么问题,后来在PC端查看,发现颜色依旧是红色。在ipad上点击还会弹出菜单呼叫的选项,基本可以断定是Safari搞的鬼了。Safari识别电话号码功能会自动将数字识别成电话号码。
别的地方倒也罢了,如果在用户名中出现数字(手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”),那效果会很不好。
为了这个问题,到Safari的官网翻找,发现Safari有个私有meta属性可以解决这个问题。在<head>...</head>之间添加以下代码即可解决。
<meta name="format-detection" content="telephone=no" />