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

Question

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

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

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

Run Code Online (Sandbox Code Playgroud)

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

随机注入锚标签导致了很多CSS错误.

解决方法

我发现工作的一个方法是注入特殊的空格字符,但是想要在输出上转换我的所有数据并不能让我高兴.这些角色将自己的问题带到了桌面上.这样做会因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>

Run Code Online (Sandbox Code Playgroud)

笔记

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

Answer 1

P.B*_*key 7

meta标签在asp.net中适用于我.我的猜测是它不适用于OP,因为HTML格式不正确.非IE,Mozilla浏览器存在格式错误的XML/Html问题.更改

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

至

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

标记是HTML 5,其中`/`对[void elements](http://dev.w3.org/html5/spec/Overview.html#void-elements)没有影响,例如`meta`.我不再在这个领域工作,没有iPad可以测试,所以无法检查[spec]的行为(http://dev.w3.org/html5/spec/Overview.html#start-标签). (2认同)

Answer 2

小智 1

好的，修复了它..添加一个<a href link>并且没有文本装饰的样式...我在asp.net中使用asp:hyperlink控件并且它在3.2上工作，所以不知道为什么它在4.2中停止，但使用标准一个链接有效。

归档时间：	14 年，11 月前
查看次数：	33143 次
最近记录：	9 年，6 月前