检测 HTML <a>Javascript 中的点击通话支持

Question

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

• <a href="wtai://wp/mc;[phone]</a>

  WTAI 风格（诺基亚、其他）

• <a href="tel:[phone]">Call Apple Customer Support at 1-800-275-2273</a>.

  电话风格（苹果）

如何能

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

• 是否可以不依赖用户代理字符串进行检测

更多信息

Answer 1

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