检测HTML <a> click-to-call support in Javascript</a>

时间:2012-08-27 12:22:07

标签: javascript html5 mobile webkit tel

有两种方法可以在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>.电话风格(Apple)

如何

  • 检测Javascript中当前用户代理支持的格式?

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

更多信息

1 个答案:

答案 0 :(得分:9)

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