如何在 Javascript 中检测 Microsoft Chromium Edge (chredge , edgium)

Question

“Edge 75”将是（是？）第一个基于 Chromium 的 Edge 浏览器。如何检查此浏览器是否是 Chrome 上的 Edge？

（我真正想知道的是浏览器是否完全支持 data-uri - https://caniuse.com/#feat=datauri - 所以功能检测会更好。如果你知道一种方法，我可以改变问题）

Answer 1

您可以使用 window.navigator userAgent 来检查浏览器是 Microsoft Chromium Edge 还是 Chrome。

代码如下：

<script>
    var browser = (function (agent) {
        switch (true) {
            case agent.indexOf("edge") > -1: return "edge";
            case agent.indexOf("edg/") > -1: return "chromium based edge (dev or canary)"; // Match also / to avoid matching for the older 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>

Chrome 浏览器用户代理：

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

Edge 浏览器用户代理：

mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/64.0.3282.140 safari/537.36 edge/18.17763

Microsoft Chromium Edge 开发用户代理：

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

Microsoft Chromium Edge Canary 用户代理：

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

可以看到，Microsoft Chromium Edge userAgent 包含“ edg ”关键字，我们可以用它来检测浏览器是Chromium Edge 浏览器还是Chrome 浏览器。

Answer 2

使用CanIUse，最普遍的功能，它是不支持的旧边缘（其使用的EdgeHtml发动机），但支持在边缘铬和其他地方（除了IE），是一个OL名单上反向属性。此属性的优点是已在其他所有方面得到支持。

（这是我能找到的唯一一个涵盖包括 Opera Mini 在内的所有其他浏览器的浏览器；如果您不担心，还有很多其他浏览器。）

因此，您可以使用简单的特征检测来查看您是否在 Old Edge（或 IE）上 -

var isOldEdgeOrIE = !('reversed' in document.createElement('ol'));