电话链接后备

Question

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

Answer 1

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

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

Answer 2

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

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

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

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