加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

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

发布时间:2020-12-14 21:42:14 所属栏目:资源 来源:网络整理
导读:所以如果你想链接到一个电话号码,你会做一些类似的事情 a href="tel:18005555555"Click to Call/a 这通常在移动网站上使用,并且在桌面版网站上也受到关注(主要是因为我认为Skype)。但是有些电脑/设备无法支持。有没有办法告诉用户是否能够处理电话:链接?
所以如果你想链接到一个电话号码,你会做一些类似的事情
<a href="tel:18005555555">Click to Call</a>

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

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

解决方法

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

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

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读