Javascript 如何通过css、js、UAS识别MS Edge浏览器。。?

Javascript 如何通过css、js、UAS识别MS Edge浏览器。。?,javascript,css,css-selectors,microsoft-edge,chromium,Javascript,Css,Css Selectors,Microsoft Edge,Chromium,我使用了一个透明的png作为背景图像,除了基于铬的MS Edge版本外,它在任何地方都显示良好。我已将MS Edge更新为最新版本,并在不同的机器上使用未更改的Chromium版本测试了网站-问题仍然存在,并且仅在基于Chromium的MS Edge上出现 因此,唯一的解决办法是禁用MS Edge的背景图像-为了做到这一点,我需要能够区分Chrome浏览器和基于Chrome的MS Edge浏览器。到目前为止,我还没有找到任何可行的解决办法 是否有人知道如何仅针对基于铬的MS Edge或更普遍的M

我使用了一个透明的png作为背景图像,除了基于铬的MS Edge版本外,它在任何地方都显示良好。我已将MS Edge更新为最新版本,并在不同的机器上使用未更改的Chromium版本测试了网站-问题仍然存在,并且仅在基于Chromium的MS Edge上出现

因此,唯一的解决办法是禁用MS Edge的背景图像-为了做到这一点,我需要能够区分Chrome浏览器和基于Chrome的MS Edge浏览器。到目前为止,我还没有找到任何可行的解决办法

是否有人知道如何仅针对基于铬的MS Edge或更普遍的MS Edge浏览器,包括79版及以上版本? 到目前为止,我不在乎这是通过CSS还是JS实现的,但我更喜欢CSS选择器


提前感谢。

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

如果您只想针对基于铬的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>

让我们后退一步。PNG到底有什么问题?可以演示吗?这里已经回答了->谢谢@shutupchigo。。。成功了吗
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