使用jQuery检测设备是否可以拨打电话（支持“tel://”协议）

Question

在我的网站上，我有几个链接，如下所示：

<代码>

我想使用jQuery（或其他方法）来确定设备是否支持拨打电话/使用tel：//协议。世界上有这样的方法吗？

我想使用一些方法来启用或禁用链接，因为当点击桌面时，我们会出现一个页面，比如“Firefox不知道如何打开这个地址，因为协议（tel）不与任何程序相关联。

目前，我正在嗅探用户代理并检测它是否是一个移动设备。但是，有没有更好/准确的方法呢？类似jQuery的< code>$.support.xx这样的东西？

if ( (/iPhone|iPod|iPad|Android|BlackBerry/).test(navigator.userAgent) != true ){
    $(".call").attr("href", "#");
}

Answer 1

在将非链接元素增强为电话链接之前，我使用以下方法检测手机：

var probablyPhone = (
    (/iphone|android|ie|blackberry|fennec/).test
     (navigator.userAgent.toLowerCase())
     && 'ontouchstart' in document.documentElement
  );

我排除ipod|ipad，因为我知道它们不是手机。

这里的关键点可能是，它当然会返回真实的一些平板设备，但这足以让我在一个非手机触摸设备上链接无论如何都会失败-我主要是想排除桌面，因此触摸事件检测。我想检查设备宽度也会缩小范围，但最终没有保证的方法来检测我发现的能够打电话的移动设备。

Answer 2

也许可以找到带有tel：//的href的第一个实例并发布ajax调用。如果成功，它应该有一个readyState 1，所以什么都不做。失败时，找到所有带有tel：//的hrefs并获取内部html并替换a标签。

这更像是一个假设，未经检验。

另一个想法是，大多数浏览器都有对电话号码格式字符串的自定义支持，如果你输入一个电话号码，你不应该创建一个标签，因为它应该自动完成。

Answer 3

我不确定Android或BlackBerry，但iOS会自动拾取电话号码并像这样包装它们：

var isTelephone = $("a[href*='tel:']").length > 0;

这可能可以移植到其他平台，也可能不可以，您必须尝试一下。