电话链接回退

Question

我目前正在开发一个网站的移动版本，该网站的顶部有一个“呼叫”链接。我现在正在使用 tel: 协议链接来处理这个问题，但问题是如果用户使用的是平板电脑或没有 SIM 卡的手机等会发生什么。如果可能的话，我想试试 tel：链接，如果失败，则弹出一个带有几个电话号码的DIV，他们可以从中选择。有什么想法可以检测到 tel: 链接是否有效/有效，无论是在页面加载时还是在点击时？

Answer 1

您最好更改向用户显示电话号码的方式。将信息放在通话按钮旁边或显示它的下拉菜单中怎么样？检测是否成功不太可能是跨平台的。

另一个建议是将“呼叫”更改为电话号码本身。如果平板电脑用户实际看到该数字，他们就不太可能点击它。 “打电话”可能会激怒他们，因为他们认为电话号码被隐藏起来，假设他们在智能手机上，或者让他们认为“啊，我可以点击这里，它会告诉我号码。”

Answer 2

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

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

浏览器支持还不是很好，但肯定值得关注。

它也不能满足您的需求，因为即使是 iPod touch 或没有数据套餐的电话也可以通过 VoIP 通过 wifi 呼叫，但不会注册为具有“连接”（我假设）。这可能暂时无法实现，我不确定您如何确定任何给定设备可以或不能拨出。