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

嗯，我做了一个响应式网站，在移动设备中处理得很好。现在网站上有一些电话号码，我的电话号码希望可以在任何电话上点击，以便访问者可以直接拨打电话。我发现制作电话号码的链接就像这样：HTML中的条件语句排除非移动设备

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

这会触发手机拨打该号码。但它也触发任何其他设备上的浏览器按照链接，导致“无法找到页面” 我正在寻找一个好的解决方案来解决这个问题。我一直在寻找一段时间，但我有点疲惫和沮丧。我想我已经提出了一个解决方案，但我不知道如何把这个在HTML中。有几种方法可以在html中使用条件评论浏览器。如果我可以做到这一点与链接部分，并排除：

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

而所有的移动浏览器读取链接。在我看来，这是最简单的方法来做到这一点，但我可能是错的... 我希望有人可以给我任何指针，我真的很感激你的想法和帮助！

谢谢！

来源

2013-05-13 user2378997

有没有简单的方法来实现这一点。您可以使用取决于你想如何准确的是不同的方法：

WURFL - 最准确的，允许检查用户代理，并获得浏览器/设备功能
您可以尝试通过自己的检测分析用户代理OS - 检查这个答案Detecting a mobile browser
使用CSS媒体查询与小屏幕到目标设备

不幸的是没有银弹这个（至少我不知道一个）。

来源

2013-05-14 07:10:47

那么，你可能会试图通过媒体查询来做到这一点。显示/隐藏带有链接的div，似乎是解决此问题的最简单方法。 – user2378997 2013-05-15 05:43:54

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

回答

相关问题