Tel链路回退

Question

我目前在一个移动版本的网站上工作，在顶部有一个“呼叫”链接。我现在正在使用tel:协议链接来处理这个问题，但问题是，如果用户使用平板电脑或没有SIM卡的手机等，会发生什么。如果可能，我想尝试tel:链接，如果失败，则弹出一个DIV，其中有几个电话号码可供选择。您知道如何检测tel:链接在页面加载或单击时是否工作/工作吗？

Answer 1

更改向用户显示电话号码的方式可能会更好。将信息放在呼叫按钮旁边或显示它的下拉列表中如何？检测是否成功不太可能是跨平台的。

另一个建议是将"call“改为电话号码本身。如果平板电脑用户真的看到了这个数字，他们无论如何都不太可能点击它。“来电”可能会激怒他们，因为他们认为电话号码被隐藏了，假设他们正在使用智能手机，或者让他们认为“啊，我可以点击这里，它会显示我的号码。”

Answer 2

这是最接近你想要玩弄的东西：https://developer.mozilla.org/en-US/docs/Web/API/window.navigator.connection

Modernizer有一个选项来检查低/高带宽连接的此值(查看非核心选项)。Here是扩展的GitHub。

浏览器的支持还不是很好，但可以肯定的是，这是未来值得关注的事情。

它也不能满足你的需求，因为即使是iPod触摸屏或没有数据计划的手机也可以通过wifi上的VoIP呼叫，但不会注册为有“连接”(我假设)。这可能在一段时间内是不可能的，我不确定你如何确定任何给定的设备可以或不能拨出。