我正在开发一个web应用程序,它将作为全屏应用程序从iPad上的桌面图标启动。关于电话链接的苹果文档建议使用此元标记:
<meta name="format-detection" conten ="telephone=no">然而,这似乎不起作用。还有其他HTML/CSS/JavaScript机制来控制这种行为吗?
锚标签的随机注入给我带来了很多CSS错误。
解决办法
我发现一种有效的方法是注入特殊的空间字符,但是转换我所有输出数据的想法并不能让我充满joy。这样的人物把他们自己的问题带到了谈判桌上。AJAX和JavaScript转换将使这一过程更加复杂。
再生产
复制步骤:
样本页:
<!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。
发布于 2011-07-21 15:14:24
元标记在asp.net中适用于我。我的猜测是,它不适用于OP,因为HTML不是很好的格式。非IE,Mozilla浏览器存在格式错误的XML/Html问题。变化
<meta name = "format-detection" content = "telephone=no">至
<meta name = "format-detection" content = "telephone=no" />发布于 2013-06-07 14:37:39
把这个放在电话连接负载之后
if (navigator.userAgent.match(/(iPhone|Android|BlackBerry)/)) {
//this is the phone
} else if (navigator.userAgent.match(/(iPod|iPad)/)) {
$('a[href^=tel]').click(function(e){
e.preventDefault();
});
} else {
//this is the browser
$('a[href^=tel]').click(function(e){
e.preventDefault();
});
}发布于 2010-12-04 21:42:21
好的,修好了..。添加一个<a href link>和样式它没有文字装饰.我在asp.net中使用asp:超级链接控件,它在3.2上工作,所以不确定它为什么在4.2中停止,但是使用标准的链接可以工作。
https://stackoverflow.com/questions/4268413
复制相似问题