html – 有没有办法告诉最终用户是否能够处理链接?

前端之家收集整理的这篇文章主要介绍了html – 有没有办法告诉最终用户是否能够处理链接?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以如果你想链接到一个电话号码,你会做一些类似的事情
<a href="tel:18005555555">Click to Call</a>

这通常在移动网站上使用,并且在桌面版网站上也受到关注(主要是因为我认为Skype)。但是有些电脑/设备无法支持。有没有办法告诉用户是否能够处理电话:链接

解决方案可以是服务器端或客户端,但我可以想象它需要是客户端。

解决方法

DeviceAtlasWurfl可以给你一些这样的信息,但是很多人都指出,真的没有真正可靠的方式来检测设备打电话的能力。毕竟,有人可能在桌面上,但是能够根据他们安装的软件(甚至是他们的操作系统)进行通话。

为了提供最好的体验,您应该包括电话:链接。这样可以让每个人都有机会拨号,如果他们可以处理它。您可以使用CSS使其看起来更少的链接,以减少潜在的非电话混淆:支持浏览器/操作系统。要呼叫号码的用户将选择它或触摸它(希望复制号码),并且将激活链接(触摸场景)或看到手(在鼠标场景中),帮助他们更快地实现目标。

作为一个旁边,设置白色空间:nowrap在tel:链接总是一个好主意:-)这将保持数字在一行,所以连字符不允许它断开。

a[href^=tel:] { white-space: nowrap; }
原文链接:https://www.f2er.com/html/233145.html

猜你在找的HTML相关文章