在windows 10边缘浏览器中驯服自动电话号码
在windows 10边缘浏览器中驯服自动电话号码
提问于 2015-07-30 08:30:35
即使系统上没有安装手机应用程序，Windows 10的边缘浏览器似乎也能检测到电话号码。
它将电话号码设置为蓝色，加上下划线，即使它只是在某个地方的纯文本中(在某些背景下很难看)，而且它还检测例如增值税号码，就好像它们是电话号码一样。
因此，作为网站管理员，我们如何控制它：
- 它是如何呈现检测到的东西的(我想MSFT为这个东西发明了自己的CSS选择器？)
- 我们怎样才能关掉探测器？
最好是以浏览器为目标，而不是为其他人搞砸东西，或者在其他有效的代码中添加非标准的东西。
编辑：
- 根据windows手机在IE11中的工作方式，建议的关闭检测的方法在我的所有测试中都不起作用。元标记失败，而非标准的html属性似乎有效。
- 我已经查看了边缘的检查对象，在我看来，那些检测到的项的计算CSS是如果没有检测到就会在那里看到的(即计算出来的CSS是正常颜色，没有下划线)，这意味着控制其呈现方式的可能性很小。
编辑：
测试用例1: meta标记(失败)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
<!-- test -->
<meta name="format-detection" content="telephone=no" />
</head>
<body>
<p>text VAT BE 0123.456.789 text </p>
<p>text +32 11 222 333 text</p>
</body>
</html>
测试用例2:非标准html属性(works)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="UTF-8" />
</head>
<body>
<p x-ms-format-detection="none">text VAT BE 0123.456.789 text </p>
<p>text +32 11 222 333 text</p>
</body>
</html>
回答 5
Stack Overflow用户
发布于 2015-07-30 08:46:42
显然，电话号码检测是在Internet 11中引入的，而不是在桌面上。
以下是控制它的方法，摘自这篇MS文章：Phone number format recognition
- 若要禁用元素(及其子元素)的行为，请将
x-ms-format-detection属性设置为"none“。 - 若要禁用网页的行为，请使用meta元素：
<meta name="format-detection" content="telephone=no"/>
- 要启用元素(及其子元素)的行为，请将
x-ms-format-detection属性设置为"phone“或"all”。 - 若要使用JavaScript选择性地控制行为，请使用
setAttribute更改关联元素或其父元素的x-ms-format-detection属性值。(请注意，这需要在DOM中呈现元素或父元素之前完成；不支持动态更改。)
如果我正确理解这篇文章，如果在浏览器级别禁用了电话检测，x-ms-format-detection属性(或元标记)将被忽略。
Stack Overflow用户
发布于 2015-08-13 09:46:23
使用x-ms-format-detection="none"对我有用。但是，我必须将它添加到父元素中。
例如，我的电话号码被包装在一个span类中，所以我不得不将它添加到上面的父div中。直接添加到span标记并没有为我解决这个问题的边缘。
希望这有帮助
Stack Overflow用户
发布于 2015-09-08 11:47:49
我已经找到了一种非常适合我的方法，它包括用一个"a“(锚)代替任何你可能有的，而不需要href的标记。然后，设置文本-下划线为无和颜色继承。就这样。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31718796
复制相关文章
相似问题
腾讯云开发者
