h5 ios手机 禁用自动识别为手机号码

因为真正做前端h5开发的时间也不太长,所以经验上有些缺乏,有些特性不太清楚。就比如说我下面要写的一个小知识点:
有天测试告诉说,有些ios手机上,页面上某个金额会一开始显示黑色过一会就变成绿色了,我拿到视频一看,马上去检查代码(代码中写的就是color:#000黑色),我一时间只把它当成系统的特殊识别,并不知道原因的。后面测试又提供了一个有力的现象,就是发现 在一个发送验证码页面最上方提示的 已发送验证码到XXXXXX手机号,请注意查收字样中手机号变成绿色了。


根据这2个现象, 我已经想到了原因, 应该是ios的webview的一种特性,针对长串的数字符合手机号、电话就自动识别成可拨号链接,然后标成绿色了。那接下来就好办了, 有了关键字就能找到答案了:
在html的head标签内添加下面代码

// 当然类似其他的email、address、date 默认也会被识别转换,禁止的方式如下:



// 其实也可以综合写在一起,如下:
content="telephone=no,date=no,address=no,email=no,url=no"/>

你可能感兴趣的:(bug解决)