html - 有没有办法判断最终用户是否能够处理 链接？

Question

所以如果你想链接到一个电话号码你会做这样的事情

<a href="tel:18005555555">Click to Call</a>

这在移动网站上很常用，并且在桌面网站上也越来越受欢迎(我认为这主要归功于 Skype。)但是一些计算机/设备无法支持它。有没有办法判断用户是否能够处理 tel: 链接？

解决方案可以是服务器端或客户端，但我认为它需要是客户端。

Answer 1

DeviceAtlas和 Wurfl可以为您提供其中的一些信息，但正如许多人指出的那样，确实没有真正可靠的方法来检测设备的通话能力。毕竟，某人可能在桌面上，但能够根据他们安装的软件(甚至他们的操作系统功能)从桌面上调用电话。

为了提供最佳体验，您应该包含 tel: 链接。这将使每个人都有机会调用该号码(如果他们能处理的话)。您可以使用 CSS 使其看起来不像链接，以减少非 tel: 支持的浏览器/操作系统的潜在混淆。想要调用号码的用户会选择或触摸它(希望复制号码)，然后激活链接(触摸场景)或看到手(鼠标场景)，帮助他们更快地实现目标.

顺便说一句，在 tel: 链接上设置 white-space: nowrap 也是一个好主意 :-) 这将使数字保持在一个单一的行，以便连字符不允许它中断。

a[href^=tel:] { white-space: nowrap; }