如何在桌面上禁用与电话号码的链接？

Question

如何在桌面上禁用与电话号码的链接？

27

如何在网站上添加一个可点击的电话号码，但在不支持触控的网站浏览时隐藏链接。

我可以使用 Modernizr 来设置它，但是我不知道如何做。

<a href="tel:1300723579"><p><img src="assets/images/bt_calltoaction.gif" alt="View Projects" width="306" height="60"></p></a>

- jaycodez

4

有趣的是，在即将推出的Mac OS X Yosemite中，用户可以直接从桌面Safari点击拨打电话的功能（他们的iPhone会接通电话）。这样的解决方案会对这些用户造成不便。如果有一个HTML5 API可以指示设备是否具有拨号功能，那就太好了。 - Patrick Harrington

2

此外，如果有人安装了Skype（或其他VoiP客户端），它很可能会捕捉到它并允许他们通过该客户端拨号。因此，我更强烈建议不要禁用链接，如果必须禁用，则只需使其看起来不像链接即可。 - Patrick Harrington

我甚至不需要一个VoiP客户端。在我的桌面上点击tel:链接会通过蓝牙连接到我的手机并拨出电话。 - Quentin

“一个不支持触摸的网站”是什么意思？ - Stewart

正如其他人所指出的，整个概念是错误的，而且从错误的角度来看待这个问题。tel: 的支持并不取决于屏幕大小、触摸支持、移动设备还是桌面设备等因素。你应该做最简单的事情，始终显示 tel: 链接。使用 title 解决方案（最佳答案）可以提供一些上下文和/或显示实际号码，这是最清晰的解决方案，而无需检测。 - toastal

21个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Russian · Answer 1

@media screen {.telephone {pointer-events: none;}}