【问题标题】:CSS: How to detect the OLD Edge BUT NOT THE NEW Edge Chromium?CSS:如何检测旧边缘而不是新边缘 Chromium?
【发布时间】:2020-08-20 06:12:48
【问题描述】:

有没有办法在 CSS 中将 old Edge 与 new Edge Chromium 分开处理?

到目前为止,对于 Chromium 之前的版本,我使用了以下 sn-p:

@supports (-ms-ime-align:auto) {
  .selector {
    property: value;
  }
}

现在我需要确保这仅影响 OLD Edge,并且基于 Chromium 的新 Edge 将忽略这些行。

有人可以确认吗?到目前为止,我还没有找到关于这个主题的任何信息,而且我的办公室里也没有新的 Edge(而且我这些天要构建的页面位于防火墙后面)

【问题讨论】:

  • 为什么需要这些信息?你可以像 Chrome 一样对待新的 Edge
  • 真的!?这意味着,没有额外的代码会按原样处理新的 Edge(如 Google Chrome),并且使用上面显示的代码我仍然可以捕获旧版本,对吗?那真是太酷了!

标签: css browser microsoft-edge chromium


【解决方案1】:

新的 Edge 是基于 Chromium 的,所以它就像 Chrome。您仍然可以使用该 CSS 规则来定位 Edge Legacy,它不会影响 Edge Chromium。

我做了一个这样的简单示例:

@supports (-ms-ime-align:auto) {
  #aaa {
    background-color: yellow
  }
}
<div style="width:200px; height:200px" id="aaa">
  aaa
</div>

Edge Chromium 中的结果是这样的:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-03-30
    • 2016-09-12
    • 1970-01-01
    • 1970-01-01
    • 2021-03-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-04
    相关资源
    最近更新 更多