如何检测 chrome 的浏览器

Question

我想检测浏览器是否为chrome。我遇到了很多答案，但所有答案 return 也适用于 Opera 和新版本的 edge。我想知道您是否有最好的方法来检测浏览器是否 chrome

[edit] 到目前为止我测试过的代码 return 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 legacy、Ms. 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) 浏览器中的输出：

在GoogleChrome浏览器中输出：

Opera 浏览器中的输出：

参考：

如何检测 chrome 的浏览器

How to detect browser for chrome

html

javascript

jquery

google-chrome

microsoft-edge