是的，ios safari 默认将7位以上数字误识别为电话号码；但自ios 10起已弃用且完全失效，现唯一有效方案是css+html组合：添加style="-webkit-touch-callout: none;"并配合role="text"语义化包裹。
iOS Safari 会把纯数字文本误识别为电话号码？
是的，iOS Safari 默认开启电话号码自动识别，只要页面中出现连续 7 位以上数字（比如 13812345678 或 021-87654321），就可能被渲染成可点击的蓝色链接，点击直接唤起拨号界面。这不是 bug，是 Safari 的默认行为，但对非电话场景（如订单号、身份证号、验证码）会造成干扰。
name="format-detection" 还能用吗？
不能用了。这个 meta 标签早在 iOS 10 就被弃用，现在任何版本的 Safari（包括 iOS 16+）都完全忽略它。你写 <meta name="format-detection" content="telephone=no"> 是无效的，控制台不会报错，但也不会起作用。
真正有效的替代方案：CSS + HTML 组合
目前唯一稳定生效的方式是用 CSS 禁用自动检测，并配合语义化 HTML 避免触发机制：
- 给含数字的容器添加
style="-webkit-text-security: none; -webkit-touch-callout: none;"（后者最关键） - 避免在
<a></a>、<button></button>等交互元素内直接放长数字 - 对纯展示型数字（如订单号），用
<span></span>包裹，并加role="text"明确语义 - 如果数字里带短横线或括号（如
021-8765-4321），Safari 更容易误判，建议改用全角符号或空格分隔：021 8765 4321
示例：
<span style="-webkit-touch-callout: none;" role="text">13987654321</span>
为什么不用 JavaScript 拦截点击？
不推荐。有人试图用 event.preventDefault() 拦截 click 或 touchstart，但 Safari 的电话识别发生在底层渲染阶段，事件监听器根本收不到原始点击——用户点下去时已经跳转拨号页了。JS 层面无法拦截这个行为，只能从源头阻止识别触发。
最易被忽略的一点：即使你只在 PC 浏览器开发，也要测试 iOS 真机，因为该行为仅存在于 WebKit 移动端渲染引擎，且无 DevTools 模拟开关。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
