电话链接备选方案

Question

我目前正在开发一个移动版网站，顶部有一个“拨打电话”的链接。我现在使用tel:协议链接来处理它，但问题是如果用户使用没有SIM卡的平板电脑或手机等设备怎么办。如果可能的话，我想尝试使用tel:链接，如果失败了，就弹出一个包含几个可供选择的电话号码的DIV。有什么想法可以检测tel:链接是否有效，无论是在页面加载时还是在点击时？

- wizzardmr42

---

看起来类似于<noscript>标签的东西还不存在，最好的解决方案是在这里提出的。 - Shadow The Spring Wizard

这并不能真正解决这个问题 - UA 检测并不能做到，因为相同的 UA 可能在有能力和没有能力进行呼叫的设备上使用。 - wizzardmr42

我知道，就像我说的，我认为没有真正的解决方案。 - Shadow The Spring Wizard

Answer 1

您最好改变向用户呈现电话号码的方式。将信息放在呼叫按钮旁边或使用下拉菜单显示如何？检测是否成功不太可能跨平台。

另一个建议是将“呼叫”更改为电话号码本身。如果实际看到号码，平板电脑用户不太可能点击它。 “呼叫”很可能会让他们认为电话号码被隐藏了（假设他们正在使用智能手机），或者让他们想：“啊，我可以在这里单击，然后它会向我显示号码。”

- Mike Thomsen

---

是的 - 那基本上是我得出的结论，但这样做很烦人。 - wizzardmr42

Answer 2

这是目前最接近你可能想要尝试的东西：https://developer.mozilla.org/en-US/docs/Web/API/window.navigator.connection

Modernizer 有一个选项来检查低/高带宽连接的值（在非核心选项中查找）。 这里 是扩展的 GitHub。

浏览器支持还不太好，但肯定是未来要关注的事情。

对于你的需求，它也不是万无一失的，因为即使是iPod touch或没有数据计划的手机也可以通过VoIP通过wifi拨打电话，但不会注册为具有“连接”（我假设）。 我不确定如何确切地知道任何给定设备是否能够拨出电话，这可能暂时不可能。

- Steve Meisner