javascript - 检测 Javascript 中的 HTML点击呼叫支持

Question

有两种方法可以在 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>.电话风格（苹果）

怎么能

• 检测当前用户代理在 Javascript 中支持哪种格式？

• 是否可以在不依赖用户代理字符串的情况下进行检测

更多信息

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

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

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;");
  });
}