移动设备上的电话号码链接检测答案

【问题标题】：Phone Number Link Detection on Mobile Device移动设备上的电话号码链接检测
【发布时间】：2013-06-18 15:54:35
【问题描述】：

我正在使用 Jquery Mobile 和 Phonegap 为 iOS 创建本机应用程序。在应用程序中，我使用 ajax 动态加载数据。一些包含的数据是自动添加一个 tel: 链接到包含该字符串的跨度的数字字符串。我需要删除分配给它的链接。我尝试将 <meta name="format-detection" content="telephone=no" /> 添加到头部并尝试将 x-apple-data-detectors="false" 添加到跨度。两者都没有工作。任何帮助表示赞赏。

【问题讨论】：

标签： javascript jquery ios jquery-mobile cordova

【解决方案1】：

您可以将此元标题添加到您的页面，以防止它自动创建tel: 链接

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

查看 Safari documentation here

【讨论】：

@user29354 您在对 Noogen 的评论中说浏览器正在检测 10 位数字。你在尝试什么浏览器？您是否在桌面浏览器上也看到了这一点，与 PhoneGap 无关？你能发布 AJAX 代码和数据示例吗？
字符串本身似乎有问题。带有元格式检测的已检查解决方案是唯一需要的。感谢大家的宝贵时间。

【解决方案2】：

将元标记添加到您的 html 并在 iOS MainViewController.m 的 webViewDidStartLoad 方法中添加代码

(void) webViewDidStartLoad:(UIWebView*)theWebView
{

    // disable telephone detection, basically <meta name="format-detection" content="telephone=no" />
    theWebView.dataDetectorTypes = UIDataDetectorTypeAll & !UIDataDetectorTypePhoneNumber;
    return [super webViewDidStartLoad:theWebView];
}

【讨论】：

这个问题是PhoneGap特有的。无需编辑 PhoneGap 容器即可实现此目的。
恐怕上面的解决方案没有奏效。这个问题发生在我的 phonegap 版本以及我测试的每个浏览器中。浏览器不知何故检测到这个 10 位字符串并自动为其分配一个链接。