防止在iOS设备中的Safari将数字识别为电话号码

在测试中发现iPad上的Safari总会把长串数字识别为电话号码,文字变成蓝色,点击还会弹出菜单添加到通讯录。

别的地方倒也罢了,如果在用户名中出现数字(手机注册新浪微博的话用户名就是“手机用户xxxxxxxx”),版式会很恶心。

经过测试在a标签中的长串数字不会识别为电话,于是给出现用户名但没有链接的地方嵌套一个无动作的a标签,临时解决了这个问题。

但是这样增加了额外的标签,代码的语义性变得很差,而且对大段文字不能用这个方法。

今天无意中撞进Safari的官网,发现了safari有个私有meta属性可以解决这个问题:

{ meta name="format-detection" content="telephone=no" / }

中间这行


官网的说明如下: How do I disable automatic detection of phone numbers in webpages? In Safari on iPhone, phone numbers are automatically detected and transformed into links that dial the phone number when tapped. If you have strings of numbers in your webpage that should not be automatically detected as phone numbers, you can choose to disable this feature on the entire page by adding the meta tag shown in Listing 12.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • “今天六大门派来我神威堂,不知道所为何事?”云烈说道。 “我们今天来,是为给炼庄庄主谢大宝讨个说法。”昆仑派掌门说...
    谢沛霖阅读 2,790评论 0 3
  • 【颂的阅读分享】 我的阅读特朗普《生意的艺术》: 第一章 1、大胆想象、精神病患者般的全神贯注,在决策时想好最坏打...
    一亩岐江阅读 2,144评论 0 1
  • 恍恍惚惚带着一点恐慌地来到了5月,想留下一点点晚春的气息,但有感觉有那么一点点迟了。在人生这条漫长的旅途中,人人都...
    猪小豆阅读 1,873评论 0 1
  • 简葵0703阅读 1,337评论 0 0

友情链接更多精彩内容