禁用iPad桌面Web链接上的电话号码检测？ [英] Disable telephone number detection on iPad desktop web links?
问题描述
我正在开发一个Web应用程序，该应用程序将作为全屏应用程序从iPad上的桌面图标启动。 手机链接上的Apple文档建议使用此功能元标记：
< meta name =format-detectioncontent =telephone = no>
但是，这似乎不起作用。是否有任何其他的HTML / CSS / JavaScript机制来控制这种行为？
随机注入锚标签会导致很多CSS错误。 b
$ b
解决方法
我发现的一个方法是注入特殊的空格字符，想到将所有的数据转化为输出并不能让我满意。这些角色带来了他们自己的问题。这样做会因AJAX和JavaScript转换而进一步复杂。
复制
步骤来重现：- 打开iPad Safari上的页面
- 使用主屏幕书签功能
- 启动主屏幕图标
- Open the page on iPad Safari
- Use the Add to Home Screen bookmark function
- Launch the Home Screen icon
示例页面：
<！DOCTYPE html>
< html>
< head>
< meta name =apple-mobile-web-app-capablecontent =yes>
< meta name =format-detectioncontent =telephone = no>
< title>电话检测< / title>
< / head>
< body>
预期：
< a href =tel：1555555> 1555555< / a>
< br />
bad：1555555
< br />
bad：&＃x31;&＃x35;&＃x35;&＃x35;&＃x35;&＃x35;&＃x35;
< br />
不方便：1&＃xFEFF; 555555
< / body>
< / html>
笔记
这个问题似乎是相关的，但它缺乏细节，我不确定iPhone上的行为是否相同。这是一个Web应用程序，没有本地组件。 iPad版本3.2.2。
meta标签适用于asp.net。我的猜测是，它不适用于OP，因为HTML格式不正确。非IE浏览器，Mozilla浏览器存在格式错误的XML / Html问题。 Change
< meta name =format-detectioncontent =telephone = no> p>
至
< meta name =format-detectioncontent =telephone = no/>
I'm developing a web application that will be launched from a desktop icon on an iPad as a full-screen application. The Apple documentation on phone links recommends using this meta tag:
<meta name = "format-detection" content = "telephone=no">
However, this does not appear to work. Is there any other HTML/CSS/JavaScript mechanism to control this behaviour?
The random injection of anchor tags is causing me a lot of CSS bugs.
Workaround
One hack I've found to work is to inject special space characters, but the thought of transforming all my data on output does not fill me with joy. Such characters bring their own issues to the table. Doing this will be further complicated by AJAX and JavaScript transformations.
Reproducing
Steps to reproduce:
Sample page:
<!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>
Notes
This question seems to be related, but it lacks detail and I'm not sure if the behaviour is identical on the iPhone. This is a web application and has no native component. iPad version 3.2.2.
The meta tag works for me in asp.net. My guess is that it did not work for the OP because the HTML is not well formed. Non-IE, Mozilla browsers have issues with malformed XML/Html. Change
<meta name = "format-detection" content = "telephone=no">
to
<meta name = "format-detection" content = "telephone=no" />
这篇关于禁用iPad桌面Web链接上的电话号码检测？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
