苹果手机,电话号码显示为拨号超链接

来源:互联网 发布:淘宝精选怎么加入 编辑:程序博客网 时间:2024/04/30 00:15

最近工作当中,手机应用内嵌HTML5页面,遇到一个问题,联系人的的电话号码显示在网页上,安卓是
正常的,但是在ios中会出现如下现象:
页面打开,电话号码显示正常,但是在我的项目中,等那么两秒钟,手机号码会消失。利用chrome浏览器进行 模拟,也是正常的,但是在真机是进行操作就会出问题。为了这个问题纠结很久,做过很多尝试,也想过很多可能性。最后在真机上意外发现,点击号码,会弹出一个对话框,可是这个对话框以及点击事件根本不是我添加的。后来才发现:应该是苹果自带的功能,根据正则表达式匹配上电话号码后,会这里写代码片给他自动添加一个a标签,并且给予相应的定位。
其实我自己代码中也有定位,所以导致这个电话号码显示在别的区域上去了(正好这个区域是不可见的),
而不是真正的消失不见了。
最后解决的方法是:

    在iPhone 手机上默认值是(电话号码显示为拨号的超链接):<meta name="format-detection" content="telephone=yes"/>可将telephone=no,则手机号码不被显示为拨号链接<meta name="format-detection" content="telephone=no"/>

正好我不需要电话号码的超链接,所以加上 问题解决了

0 0
原创粉丝点击