如何禁用Mobile Safari中的电话号码链接？

Question

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

Answer 1

根据Safari HTML Reference,这似乎是正确的做法:

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

如果禁用此功能但仍需要电话链接,则仍可以使用"tel"URI方案.

这是Apple开发人员库的相关页面.

Answer 2

要禁用手机解析特定元素的外观,这个CSS似乎可以解决这个问题:

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

第一个规则禁用单击,第二个规则负责样式.

Answer 3

我遇到了同样的问题.我在UIWebView上找到了一个属性,允许您关闭数据检测器.

self.webView.dataDetectorTypes = UIDataDetectorTypeNone;

Answer 4

我使用零宽度木匠 ‍

把它放在电话号码的某处,它对我有用.在BrowserStack中测试(和Litmus用于电子邮件).

Answer 5

加上这个,我想这就是你要找的东西:

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

Answer 6

Webview的解决方案!

对于PhoneGap-iPhone/PhoneGap-iOS应用程序,您可以通过将以下内容添加到项目的应用程序委托中来禁用电话号码检测:

// ...

- (void)webViewDidStartLoad:(UIWebView *)theWebView 
{
    // disable telephone detection, basically <meta name="format-detection" content="telephone=no" />
    theWebView.dataDetectorTypes = UIDataDetectorTypeAll ^ UIDataDetectorTypePhoneNumber;

    return [ super webViewDidStartLoad:theWebView ];
}

// ...

来源:在PhoneGap-iOS中禁用电话检测.

Answer 7

要在页面的某个部分禁用电话号码检测,请将​​受影响的文本用href ="#"包装在锚标记中.如果这样做,移动Safari和UIWebView应该不管它.

<a href="#"> 1234567 </a>

Answer 8

我想我找到了一个解决方案:将数字放在<label>元素中.没有尝试过任何其他标签,但<div>在主屏幕上将其保持活动状态,即使使用该telephone=no属性也是如此.

从早期的评论中可以明显看出,元标记确实有效,但由于某种原因,在iOS的后续版本中已经破解,至少在某些条件下.我正在运行4.0.1.

Answer 9

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

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

...当网站在 Mobile Safari（即使用 Chrome）中运行时可以工作，但在作为 Web 应用程序运行时停止工作（即保存到主屏幕并在没有 Chrome 的情况下运行）。

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

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

这不太理想，因为尽管边框设置为无，iOS 仍会在字段上方呈现多像素灰色条。但是，这比将数字视为链接要好。

Answer 10

您还可以将<a>标签javascript: void(0)用作href值.

示例如下:
<a href="javascript: void(0)">+44 456 77 89 87</a>

Answer 11

我自己对此进行了测试，发现它确实有效，尽管它肯定不是一个优雅的解决方案。在电话号码中插入空白范围将阻止数据检测器将其转换为链接。

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