gpt4 book ai didi

css - 驯服 Windows 10 边缘浏览器中的自动电话号码

转载 作者:技术小花猫 更新时间:2023-10-29 10:06:27 28 4
gpt4 key购买 nike

即使系统上没有安装电话应用程序,Windows 10 的边缘浏览器似乎也能检测到电话号码。

它会将电话号码格式化为带有下划线的蓝色,即使它只是在某处的纯文本中(在某些背景上很丑陋),而且它会检测到例如增值税号就像电话号码一样。

那么作为网站管理员,我们如何控制它:

  • 它如何呈现检测到的内容(我想 MSFT 为这些内容发明了他们自己的 CSS 选择器?)

  • 我们如何关闭检测

最好是只针对该浏览器的东西,而不是冒险搞乱其他人的东西或将非标准的东西添加到其他有效的代码中。

编辑:

  • 根据在 IE11 中为 Windows Phone 完成的方式建议的关闭检测的方法在我的所有测试中都不起作用。元标记失败,非标准 html 属性似乎有效。

  • 我查看了 edge 中的 inspect 东西,在我看来,那些检测到的元素的计算 CSS 是人们期望在没有检测到的情况下看到的东西(即计算 CSS 是正常颜色并且没有下划线),表明控制其呈现方式的可能性很小。

编辑:

测试用例 1:元标记(失败)

<!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>

最佳答案

显然,电话号码检测是在 Internet Explorer 11 中引入的,但在台式机上并未引入。

以下是控制它的方法,摘自这篇 MS 文章:Phone number format recognition

  • 要禁用元素(及其子元素)的行为,请设置 x-ms-format-detection属性为“无”。
  • 要禁用网页的行为,请使用 meta 元素:

<meta name="format-detection" content="telephone=no"/>

  • 要启用元素(及其子元素)的行为,请设置 x-ms-format-detection属性为“电话”或“全部”。

  • 要使用 JavaScript 有选择地控制行为,请使用 setAttribute更改 x-ms-format-detection 的值关联元素或其父元素的属性。 (请注意,这需要在元素或父元素在 DOM 中呈现之前完成;不支持动态更改。)

如果我对这篇文章的理解正确,如果在浏览器级别禁用电话检测,则 x-ms-format-detection属性(或元标记)将被忽略。

关于css - 驯服 Windows 10 边缘浏览器中的自动电话号码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31718796/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com