Question

我想检测浏览器是否为chrome。我遇到了很多答案，但是对于歌剧和Edge的新版本，它们都返回true。我想知道您是否拥有检测浏览器是否为chrome的最佳方法

[edit]到目前为止，我已测试过返回true的代码：

//Test 1 => Opera and edge returns true
var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
// Test 2 => return false for chrome latest version
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);
//Test 3 => same as test 1
var is_chrome = /chrome/i.test( navigator.userAgent );

Answer 1

我建议您参考此代码示例，以帮助您识别MS Edge旧版，Edge Chromium女士，Opera，Google Chrome，IE，Firefox和Safari浏览器。

<!doctype html>
<html>
<head>
<title>Test demo</title>
</head>
<body>
<script>
    var browser = (function (agent) {
        switch (true) {
            case agent.indexOf("edge") > -1: return "MS Edge (EdgeHtml)";
            case agent.indexOf("edg") > -1: return "MS Edge Chromium";
            case agent.indexOf("opr") > -1 && !!window.opr: return "opera";
            case agent.indexOf("chrome") > -1 && !!window.chrome: return "chrome";
            case agent.indexOf("trident") > -1: return "Internet Explorer";
            case agent.indexOf("firefox") > -1: return "firefox";
            case agent.indexOf("safari") > -1: return "safari";
            default: return "other";
        }
    })(window.navigator.userAgent.toLowerCase());
    document.body.innerHTML =  "This is " + browser + " browser." + "<br><br>" + window.navigator.userAgent.toLowerCase();
</script>
</body>
</html>

在MS Edge（Chromium）浏览器中的输出：

在Google Chrome浏览器中输出：

在Opera浏览器中输出：

参考：

What is the correct way to detect new Microsoft Edge v80 (Blink) via Javascript?

如何检测Chrome浏览器

1 个答案: