页面上加链接可以点击触发拨号 <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>