优雅地处理Tel URL

Question

我的网站上有一个链接：

<a href="tel:0123456789">call me, maybe</a>

这对于可以发起调用的浏览器来说是很棒的，但它会随着河马的优雅而降级。类似于：

<h1>The address wasn't understood</h1>

我想附加到onclick listener并显示一个带有数字的弹出窗口。但是，尽管监听程序正在运行，浏览器仍然遵循url (因此会显示错误)，并且我不认为有可靠的方法来检测是否有tel:协议处理程序。

有没有一个很好的解决方案？

Answer 1

我认为这样的东西应该适用于您查看设备是否自动包装电话号码的地方。

<div id="testTel" style="display:none">+1 (111) 111-1111</div>
var isTelSupported = (function () {
    var div = document.querySelector("#testTel"),
        hasAnchor = document.getElementsByTagName("a").length > 0;
        div.parentNode.removeChild(div);
    return hasAnchor;
}());
alert(isTelSupported);