HTML 中的条件语句以排除非移动设备

Question

我已经制作了一个响应式网站，可以在移动设备中很好地处理。现在网站上有一些电话号码，我的客户希望可以在任何电话上点击这些电话号码，以便访问者可以直接拨打电话。我发现制作电话号码的链接是这样的：

<a href="tel:003164646464">make a call</a> 

这会触发手机拨打该号码。但它也会触发任何其他设备上的网络浏览器跟踪链接，从而导致“找不到页面” 我正在寻找一个好的答案来解决这个问题。我一直在寻找一段时间，但我有点累和沮丧。 我想我已经有了一个解决方案，但我不完全知道如何将它放在 html 中。 有几种方法可以在 html 中对浏览器进行条件注释。如果我可以使用链接部分执行此操作并将其排除：

<!--[if any **none mobile** webrowsers: don't read:]><a href="tel:003164646464">003164646464</a>

所有移动浏览器都会读取该链接。 在我看来，这是最简单的方法，但我可能是错的...... 我希望有人能给我任何指点，我非常感谢你的想法和帮助！

谢谢！

Answer 1

没有简单的方法可以实现这一点。您可以使用不同的方法，具体取决于您希望达到的准确度：

1. WURFL - 最准确，允许检查用户代理并获取浏览器/设备功能
2. 您可以尝试通过自己检测操作系统来解析用户代理 - 检查此答案Detecting a mobile browser
3. 使用 css 媒体查询来定位小屏幕设备

不幸的是，对此没有灵丹妙药（至少我不知道）。