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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (39)

有两种方法可以在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中当前用户代理支持哪种格式?
  • 是否可以在不依赖用户代理字符串的情况下进行检测?

更多信息

提问于
用户回答回答于

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

扫码关注云+社区