iOS 10 Safari 浏览器为 phone 号码注入链接

iOS 10 Safari browser injects links for phone numbers

我有一个 div 是隐藏的。 div 包含由反应组件读取和解析的 json 数据。问题出在 iOS,safari 一直在像这样更改 phone 数字的值。

原文:

<div id='data' style='display: none'>{"phone":"012345678"}</div>

野生动物园:

<div id='data' style='display: none'>{"phone":"<a href="tel: 012345678">012345678</a>"}</div>

这会导致 JSON.parse() 在客户端失败。我怎样才能阻止这种行为。

您必须将此添加到您的 html 索引

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

Maimilano Poggio 的建议很好。但是它对我不起作用,因为我仍然希望自动格式化 phone 数字在网页的其他部分工作。因此,我想出了自己的解决方案。我没有使用 <div/> 标签,而是使用 <pre/> 标签。这确保相关部分不会在 iOS safari 中意外格式化。