如何通过css，js，UAS ..来识别MS Edge浏览器？

Question

我正在使用具有透明性的png作为背景图像，该图像在任何地方都可以正常显示-除了在基于Chromium的MS Edge版本中。我已经将MS Edge更新到最新版本，并在未更改的Chromium版本和不同计算机上测试了网站-问题仍然存在，并且仅在基于Chromium的MS Edge上出现。

因此，唯一的解决方法是为MS Edge禁用背景图像-为此，我需要能够区分Chrome浏览器和基于Chromium的MS Edge浏览器。到目前为止，我找不到任何可行的解决方案。

没有人知道如何仅针对基于Chromium的MS Edge或更广泛的MS Edge浏览器（包括79版及更高版本）定位吗？到目前为止，我不在乎这是通过CSS还是JS来实现，但是更喜欢CSS选择器。

预先感谢。

Answer 1

由于MS Edge的新版本是铬，如果我们使用CSS方法检测浏览器，则该样式可能也适用于Chrome浏览器。

如果仅针对基于Chromium的MS Edge，建议您使用JS方法，请检查以下代码：

<script>
var browser = (function (agent) {
    switch (true) {
        case agent.indexOf("edge") > -1: return "edge";
        case agent.indexOf("edg") > -1: return "chromium based edge";
        case agent.indexOf("opr") > -1 && !!window.opr: return "opera";
        case agent.indexOf("chrome") > -1 && !!window.chrome: return "chrome";
        case agent.indexOf("trident") > -1: return "ie";
        case agent.indexOf("firefox") > -1: return "firefox";
        case agent.indexOf("safari") > -1: return "safari";
        default: return "other";
    }
})(window.navigator.userAgent.toLowerCase());
document.body.innerHTML = window.navigator.userAgent.toLowerCase() + "<br>" + browser;
</script>

如下所示的新Microsoft Edge浏览器userAgent属性（userAgent包含“ edg /”值）：

mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/80.0.3987.149 safari/537.36 edg/80.0.361.69