TOC

网页对电话号码的处理

页面上加链接可以点击触发拨号 <a href="tel:+8613800138000">138****8000</a>,这个各浏览器都支持。

不同的是,iOS Safari 自动识别电话号码并注入拨号连接,而 Android Chrome 则没有这个行为。

在 iOS Safari 会自动扫描页面中的数字串(比如订单号、序列号、IP 地址),只要格式“看起来像电话”,就会偷偷把它们转换成可点击的拨号链接:

<a href="tel:1234567890">1234567890</a>

这会导致样式错乱,甚至误触拨号。

解决方案:

  • 全局关闭自动识别:

    <meta name="format-detection" content="telephone=no" />
    

    注意:这是 Apple 私有的规范,并非 W3C 标准。

  • 真正需要拨号的地方,手动声明:

    <a href="tel:+8613800138000">138****8000</a>
    
如果你有魔法,你可以看到一个评论框~