在 iPad 桌面 Web 链接上禁用电话号码检测?

新手上路,请多包涵

我正在开发一个 Web 应用程序,它将作为全屏应用程序从 iPad 上的桌面图标启动。 关于电话链接的 Apple 文档 建议使用此元标记:

 <meta name="format-detection" conten ="telephone=no">

但是,这似乎不起作用。是否有任何其他 HTML/CSS/JavaScript 机制来控制这种行为?

锚标签的随机注入给我带来了很多 CSS 错误。

解决方法

我发现一种有效的 hack 方法是注入特殊的空格字符,但是转换我所有输出数据的想法并没有让我感到高兴。这些角色将他们自己的问题带到了桌面上。通过 AJAX 和 JavaScript 转换,这样做会变得更加复杂。

再生

重现步骤:

  1. 在 iPad Safari 上打开页面。
  2. 使用 添加到主屏幕 书签功能。
  3. 启动 主屏幕 图标。

示例页面:

 <!DOCTYPE html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name = "format-detection" content = "telephone=no">
<title>Telephone detect</title>
</head>
<body>
expected:
<a href="tel:1555555">1555555</a>
<br />
bad: 1555555
<br />
bad: &#x31;&#x35;&#x35;&#x35;&#x35;&#x35;&#x35;
<br />
inconvenient: 1&#xFEFF;555555
</body>
</html>

笔记

这个问题 似乎是相关的,但它缺乏细节,我不确定 iPhone 上的行为是否相同。这是一个 Web 应用程序,没有本机组件。 iPad 版本 3.2.2。

原文由 McDowell 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 270
1 个回答

元标记在 asp.net 中对我有用。我的猜测是它对 OP 不起作用,因为 HTML 格式不正确。非 IE、Mozilla 浏览器存在格式错误的 XML/Html 问题。改变

<meta name = "format-detection" content = "telephone=no">

<meta name = "format-detection" content = "telephone=no" />

原文由 P.Brian.Mackey 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题