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 中意外格式化。
我有一个 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 中意外格式化。