如何禁用手机号码链接在移动Safari?

iPhone上的Safari会自动为出现在电话号码中的数字字符串创建链接。我正在编写一个包含IP地址的网页，Safari将其转换为电话号码链接。是否可以为整个页面或页面上的某个元素禁用此行为?

当前回答

根据Safari HTML参考，这似乎是正确的事情:

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

如果您禁用了此功能，但仍然需要电话链接，则仍然可以使用“tel”URI方案。

这里是苹果开发者库的相关页面。

其他回答

你也可以使用<a>标签和javascript: void(0)作为href值。示例如下:<a href="javascript: void(0)">+44 456 77 89 87</a>

添加元标记来关闭格式检测对我来说不起作用。我试图在<p>标签和其他文本中显示缩放会议ID, iOS将该ID转换为电话链接。此外，我通过一个[href^="tel:"]定位电话链接，以便给他们自定义样式，因此禁用电话链接上的样式不是一个选项。

我找到的解决方案是将ID号包装在<code>标记中。这似乎可以防止iOS干扰它。

要禁用特定元素的电话解析外观，下面的CSS似乎可以做到:

.element { pointer-events: none; }
.element > a { text-decoration:none; color:inherit; }

第一条规则禁止单击，第二条规则负责样式化。

我的经历和其他人提到的一样。元标签…

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

.．.当网站运行在移动Safari(即，chrome)，但停止工作时，运行作为一个网络应用程序(即，被保存到主屏幕和运行没有chrome)。

我不太理想的解决方案是将值插入输入字段…

<input type="text" readonly="readonly" style="border:none;" value="3105551212">

这不是很理想，因为尽管边界被设置为none, iOS在字段上方呈现一个多像素的灰色条。但是，这比把数字看作一个链接要好。

将数字分解成不同的文本块

301 <div style="display:inline-block">441</div> 3909

推荐文章