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

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>. TEL风格(Apple)

怎么可以

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