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

Question

在HTML中使用“点击通话链接”的方式有两种：

• <a href="wtai://wp/mc;[phone]</a> WTAI类型（适用于Nokia等）

• <a href="tel:[phone]">拨打苹果客服电话1-800-275-2273</a> TEL类型（适用于苹果）

如何在JavaScript中检测当前用户代理支持哪种格式？

• 可以通过JavaScript检测当前用户代理来确定支持哪种格式。

• 不过，也可以尝试不依赖用户代理字符串来进行检测。

更多信息请参考：

• http://www.mobilexweb.com/blog/click-to-call-links-mobile-browsers

• http://www.raizlabs.com/blog/2007/07/02/iphone-telephone-hyperlinks/

- Mikko Ohtamaa

---

相关：https://dev59.com/w3E85IYBdhLWcg3wPBB8 那里的被接受的答案可能会给你一些好的想法。 :) - Shadow The Spring Wizard

还有一种 Skype 仍在使用的 "callto:"。 - iamart

Answer 1

Max Firtman有一篇关于如何为移动浏览器创建点击呼叫链接的好文章。他指出，几乎所有移动设备都支持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;");
  });
}

- Jasper de Vries