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

本文主要是介绍h5 ios手机 禁用自动识别为手机号码，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

---

根据这2个现象， 我已经想到了原因， 应该是ios的webview的一种特性，针对长串的数字符合手机号、电话就自动识别成可拨号链接，然后标成绿色了。那接下来就好办了， 有了关键字就能找到答案了：
在html的head标签内添加下面代码
<meta name="format-detection" content="telephone=no">
// 当然类似其他的email、address、date 默认也会被识别转换，禁止的方式如下：
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="date=no">
// 其实也可以综合写在一起，如下：
<meta name="format-detection"
content="telephone=no,date=no,address=no,email=no,url=no"/>

这篇关于h5 ios手机 禁用自动识别为手机号码的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---