即使系统上没有安装电话应用程序,Windows 10的Edge浏览器似乎也能检测电话号码。它会在纯文本中以蓝色带有下划线的形式格式化电话号码(在某些背景下看起来很丑),此外,它还会将增值税号识别为电话号码。
那么,作为网站管理员,我们如何控制它:
如何呈现检测到的内容(我认为微软发明了他们自己的CSS选择器来处理这个内容?)
如何关闭检测功能
最好是只针对该浏览器进行设置,而不会影响其他浏览器或添加非标准代码。
编辑:
根据IE11的方式关闭检测功能并不能在所有测试中都奏效。meta标签无法生效,而非标准的HTML属性似乎可以奏效。
我查看了Edge浏览器中的检查元素选项,发现检测到的项目的计算CSS与未检测到时的计算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属性(有效)
<!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>