所以如果你想链接到一个电话号码,你会做一些类似的事情
<a href="tel:18005555555">Click to Call</a>
这通常在移动网站上使用,并且在桌面版网站上也受到关注(主要是因为我认为Skype)。但是有些电脑/设备无法支持。有没有办法告诉用户是否能够处理电话:链接?
解决方案可以是服务器端或客户端,但我可以想象它需要是客户端。
解决方法
DeviceAtlas和
Wurfl可以给你一些这样的信息,但是很多人都指出,真的没有真正可靠的方式来检测设备打电话的能力。毕竟,有人可能在桌面上,但是能够根据他们安装的软件(甚至是他们的操作系统)进行通话。
为了提供最好的体验,您应该包括电话:链接。这样可以让每个人都有机会拨号,如果他们可以处理它。您可以使用CSS使其看起来更少的链接,以减少潜在的非电话混淆:支持浏览器/操作系统。要呼叫号码的用户将选择它或触摸它(希望复制号码),并且将激活链接(触摸场景)或看到手(在鼠标场景中),帮助他们更快地实现目标。
作为一个旁边,设置白色空间:nowrap在tel:链接总是一个好主意:-)这将保持数字在一行,所以连字符不允许它断开。
a[href^=tel:] { white-space: nowrap; }