microsoft-edge - 如何在 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 浏览器。