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"/>

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值