首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >禁用iPad桌面网络链接上的电话号码检测?

禁用iPad桌面网络链接上的电话号码检测?
EN

Stack Overflow用户
提问于 2010-11-24 15:22:56
回答 3查看 34K关注 0票数 12

我正在开发一个web应用程序,它将作为全屏应用程序从iPad上的桌面图标启动。关于电话链接的苹果文档建议使用此元标记:

代码语言:javascript
复制
<meta name="format-detection" conten ="telephone=no">

然而,这似乎不起作用。还有其他HTML/CSS/JavaScript机制来控制这种行为吗?

锚标签的随机注入给我带来了很多CSS错误。

解决办法

我发现一种有效的方法是注入特殊的空间字符,但是转换我所有输出数据的想法并不能让我充满joy。这样的人物把他们自己的问题带到了谈判桌上。AJAX和JavaScript转换将使这一过程更加复杂。

再生产

复制步骤:

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

样本页:

代码语言: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: &#x31;&#x35;&#x35;&#x35;&#x35;&#x35;&#x35;
<br />
inconvenient: 1&#xFEFF;555555
</body>
</html>

备注

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

EN

回答 3

Stack Overflow用户

发布于 2011-07-21 15:14:24

元标记在asp.net中适用于我。我的猜测是,它不适用于OP,因为HTML不是很好的格式。非IE,Mozilla浏览器存在格式错误的XML/Html问题。变化

代码语言:javascript
复制
<meta name = "format-detection" content = "telephone=no">

代码语言:javascript
复制
<meta name = "format-detection" content = "telephone=no" />
票数 7
EN

Stack Overflow用户

发布于 2013-06-07 14:37:39

把这个放在电话连接负载之后

代码语言:javascript
复制
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();
    });
}
票数 3
EN

Stack Overflow用户

发布于 2010-12-04 21:42:21

好的,修好了..。添加一个<a href link>和样式它没有文字装饰.我在asp.net中使用asp:超级链接控件,它在3.2上工作,所以不确定它为什么在4.2中停止,但是使用标准的链接可以工作。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4268413

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档