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

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

当前回答

截至2012年6月13日，这个答案胜过一切:

<a href="#" style="color: #666666; 
                   text-decoration: none;
                   pointer-events: none;">
  Boca Raton, FL 33487
</a>

将颜色更改为与文本匹配的颜色，文本装饰删除下划线，指针事件阻止它像浏览器中的链接一样被查看(指针不会更改为手)

这是完美的HTML电子邮件在ios和浏览器。

其他回答

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

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

我想我已经找到了一个解决方案:把数字放在<label>元素内。没有尝试任何其他标记，但是<div>使它在主屏幕上处于活动状态，即使有电话=no属性。

从之前的评论中可以明显看出，元标签确实起作用了，但由于某种原因，在iOS的后续版本中，至少在某些条件下，它已经失效了。我运行的是4.0.1。

我使用的一个不仅适用于Mobile Safari的技巧是使用HTML转义码和在电话号码中添加一点标记。这使得浏览器更难“识别”一个电话号码。

Phone: 1-8&#48;&#48;<span>-</span>62&#48;<span>-</span>38&#48;3

另一种选择是将你电话号码中的连字符替换为字符- (U+2011“Unicode非断续连字符”)

我有一个ABN(澳大利亚商业号码)，iPad Safari坚持要把它变成一个电话号码链接。这些建议都没用。我的解决方案是在数字之间加上img标签。

ABN 98<img class="PreventSafariFromTurningIntoLink" /> 009<img /> 675<img /> 709

该类的存在只是为了记录img标记的用途。

适用于iPad 1(4.3.1)和iPad 2(4.3.3)。

推荐文章