如何通过css、js、UAS识别MS Edge浏览器？
如何通过css、js、UAS识别MS Edge浏览器？
提问于 2020-03-28 18:42:16
我使用一个透明的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选择器。
提前谢谢。
回答 1
Stack Overflow用户
发布于 2020-03-30 10:28:26
由于MS Edge的新版本是Chrome，如果我们使用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页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60900069
复制相关文章
相似问题
腾讯云开发者
