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

Mobile HTML中的条件语句以排除非移动设备,mobile,conditional,clickable,device,statements,Mobile,Conditional,Clickable,Device,Statements,我制作了一个响应迅速的网站,可以很好地处理移动设备。现在网站上有一些电话号码,我的客户希望在任何电话上都可以点击,以便访问者可以直接拨打。我发现建立电话号码链接的工作原理如下: <a href="tel:003164646464">make a call</a> 这会触发手机拨打该号码。但它也会触发任何其他设备上的webbrowser跟随该链接,从而导致“找不到页面” 我正在寻找一个解决这个问题的好办法。我已经找了一段时间了,但是我有点累了,有点沮丧。 我想我已经

我制作了一个响应迅速的网站,可以很好地处理移动设备。现在网站上有一些电话号码,我的客户希望在任何电话上都可以点击,以便访问者可以直接拨打。我发现建立电话号码链接的工作原理如下:

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

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

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

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

  • -最准确,允许检查用户代理并获取浏览器/设备功能
  • 您可以尝试通过自己的检测操作系统解析用户代理-检查此答案
  • 使用css媒体查询以小屏幕设备为目标

  • 不幸的是,没有解决这个问题的灵丹妙药(至少我不知道有什么灵丹妙药)。

    好吧,你可能有足够的勇气来处理媒体查询。显示/隐藏包含链接的div,似乎是解决此问题最简单的方法。