我正在开发一个 Web 应用程序,它将作为全屏应用程序从 iPad 上的桌面图标启动。 关于电话链接的 Apple 文档 建议使用此元标记:
<meta name="format-detection" conten ="telephone=no">
但是,这似乎不起作用。是否有任何其他 HTML/CSS/JavaScript 机制来控制这种行为?
锚标签的随机注入给我带来了很多 CSS 错误。
解决方法
我发现一种有效的 hack 方法是注入特殊的空格字符,但是转换我所有输出数据的想法并没有让我感到高兴。这些角色将他们自己的问题带到了桌面上。通过 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: 1555555
<br />
inconvenient: 1555555
</body>
</html>
笔记
这个问题 似乎是相关的,但它缺乏细节,我不确定 iPhone 上的行为是否相同。这是一个 Web 应用程序,没有本机组件。 iPad 版本 3.2.2。
原文由 McDowell 发布,翻译遵循 CC BY-SA 4.0 许可协议
元标记在 asp.net 中对我有用。我的猜测是它对 OP 不起作用,因为 HTML 格式不正确。非 IE、Mozilla 浏览器存在格式错误的 XML/Html 问题。改变
到