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

我正在开发一个 Web 应用程序，它将作为全屏应用程序从 iPad 上的桌面图标启动。 Apple documentation on phone links建议使用此元标记:

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

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

anchor 标签的随机注入(inject)给我带来了很多 CSS 错误。

解决方法

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

复制

重现步骤:

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

示例页面:

<!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>

注意事项

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

最佳答案

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

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

到

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

关于ipad - 在 iPad 桌面 Web 链接上禁用电话号码检测？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4268413/

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

解决方法

复制

注意事项

上一篇：javascript - html 在新目标和焦点上打开一个 url

下一篇：video - 在没有 Flash 的情况下在 HTML5 中嵌入 YouTube 视频