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

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

当前回答

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

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

其他回答

我自己测试过，发现它是有效的，尽管它肯定不是一个优雅的解决方案。在电话号码中插入空span将防止数据检测器将其转换为链接。

(604) 555<span></span> -4321

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

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

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

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

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

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

我使用零宽度细木工&zwj;

把这句话放在电话号码里就行了。在BrowserStack(和Litmus用于电子邮件)中测试。

我也有同样的问题。我在UIWebView中找到了一个属性，它允许你关闭数据检测器。

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

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

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

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

推荐文章