检测 Javascript 中的 HTML <a> 点击呼叫支持

【问题标题】：Detecting HTML <a> click-to-call support in Javascript检测 Javascript 中的 HTML <a> 点击呼叫支持
【发布时间】：2012-08-21 22:29:04
【问题描述】：

有两种方法可以在 HTML 中添加点击通话链接

<a href="wtai://wp/mc;+1800229933</a> WTAI 风格（诺基亚等）
<a href="tel:+1-800-275-2273">Call Apple Customer Support at 1-800-275-2273</a>. TEL 风格（苹果）

怎么可能

检测当前用户代理在 Javascript 中支持哪种格式？
是否可以在不依赖用户代理字符串的情况下进行检测

更多信息

【问题讨论】：

相关：stackoverflow.com/questions/2872090/… 接受的答案也可能会给您一些好主意。 :)
还有“callto:”，skype 仍在使用。

标签： javascript html mobile webkit tel

【解决方案1】：

Max Firtman 在how to create click-to-call links for mobile browsers 上有一篇很棒的文章。他表示，几乎所有移动设备都支持tel: 协议，包括：iOS 上的 Safari、Android 浏览器、webOS 浏览器、Symbian 浏览器、Internet Explorer、Opera Mini 和低端设备浏览器。

由于tel: 协议的广泛支持，我建议只使用tel: 协议。为了支持诺基亚，我会检查navigator.userAgent 是否包含诺基亚足迹。如果是这样，请将tel: 替换为wtai://wp/mc;

如果您可以使用 jQuery，则 Javascript 可能类似于：

if (/(Series60|Nokia)/i.test(navigator.userAgent)){
  $("a[href^='tel:']").each(function(){
    this.href = this.href.replace("tel:", "wtai://wp/mc;");
  });
}

【讨论】：