0

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

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

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

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

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

谢谢！

4

1 回答 1

0

没有简单的方法可以实现这一目标。您可以使用不同的方法，具体取决于您想要的准确度：

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

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

于 2013-05-14T07:10:47.033 回答