电话链接后备

Question

我目前正在开发一个网站的移动版本，其顶部有一个“呼叫”链接。我正在使用tel：协议链接来解决这个问题，但问题是如果用户在平板电脑或没有SIM卡的手机上会发生什么。如果可能的话，我想试试电话：链接，如果失败，然后弹出一个DIV与他们可以选择的几个电话号码。任何想法如何可以检测tel：link是否在页面加载或单击时工作/工作？

Answer 1

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

另一个建议是将“呼叫”改为电话号码本身。如果平板电脑用户实际看到该号码，则他们不太可能点击它。假设他们在智能手机上，或者让他们想到“啊，我可以点击这里，它会告诉我这个号码。”<呼叫“很可能会让他们误以为他们正在隐藏电话号码。 / p>

Answer 2

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

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

浏览器支持还不是很好，但肯定会有一些值得关注的东西。

它也不能满足您的需求，因为即使是iPod touch或没有数据片的手机也可以通过wifi通过VoIP呼叫，但不会注册为“连接”（我假设）。这可能是不可能的，虽然我不确定你怎么知道任何给定的设备可以或不能拨出。