如何禁用手机号码链接在移动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和浏览器。

其他回答

我也遇到了同样的问题，不过是在iPad网页应用上。

不幸的是,既不……

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

也不……

&#48; = 0
&#57; = 9

．.．工作。

但是，这里有三个丑陋的技巧:

用字母“O”代替数字“0” 用字母“l”代替数字“1” 插入一个没有意义的span:例如555.5<span>5</span>5.5555

取决于你使用的字体，前两个几乎不明显。后者显然包含多余的代码，但对用户是不可见的。

这当然是拙劣的技巧，如果您从数据动态生成代码，或者如果您不能以这种方式污染数据，那么这可能是不可行的。

但在紧要关头，这已经足够了。

你可以尝试将它们编码为HTML实体:

&#48; = 0
&#57; = 9

Sencha Touch的index.html中的meta标签(<meta name="format-detection" content="telephone=no">)解决了同样的问题。

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

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

为什么要删除链接，这使得它非常用户友好的选择。

如果你只是想删除自动编辑，但保持链接工作，只需添加到您的CSS…

a[href^=tel] {
 color: inherit;
 text-decoration:inherit;
}

推荐文章