JavaScript:如何找出如果用户浏览器是Chrome?

我需要一些函数返回一个布尔值来检查浏览器是否是Chrome。

我如何创建这样的功能?

当前回答

所有答案都是错的。“Opera”和“Chrome”在所有情况下都是相同的。

(编辑)

下面是正确答案

if (window.chrome && window.chrome.webstore) {
    // this is Chrome
}

其他回答

用户可以更改用户代理。尝试在body元素的样式对象中测试webkit的前缀属性

if ("webkitAppearance" in document.body.style) {
  // do stuff
}

Var is_chrome = /chrome/。~ . test(navigator.userAgent.toLowerCase()) 这是一个12年前写的老答案;从现在起(即:， 2022年8月)

更新(2022年8月):

现在，使用用户代理(用户代理嗅探)进行浏览器检测通常不是一个好主意。特征检测应该是正确的方法。

参考:使用用户代理进行浏览器检测

然而，如果你仍然希望这样做，使用第三方库，如

上面的代码段使用了ua-parser-js库

CDN - https://cdnjs.com/lies/uaparser.js - npm - https://www.npmjs.com/package/ua-parser-js

附注:请注意UA嗅探是不好的做法，尽可能使用特征检测。

我发现的最好的解决方案，并在大多数浏览器中给出真或假的答案是:

var isChrome = (navigator.userAgent.indexOf("Chrome") != -1 && navigator.vendor.indexOf("Google Inc") != -1)

使用. indexof而不是.includes使其与浏览器更加兼容。尽管(或因为)整个重点是使您的代码特定于浏览器，但您需要在大多数(或所有)浏览器中工作的条件。

在Mac上的Chrome上为我工作。似乎比上面所有的都更简单或更可靠(如果userAgent字符串测试)。

        var isChrome = false;
        if (window.chrome && !window.opr){
            isChrome = true;
        }
        console.log(isChrome);

如果你有勇气，你可以尝试浏览器嗅探，得到一个版本:

var ua = navigator.userAgent;
if(/chrome/i.test(ua)) {
    var uaArray = ua.split(' ')
    ,   version = uaArray[uaArray.length - 2].substr(7);
}

这个检测到的版本可能是Chrome版本，或者Edge版本，或者其他版本。浏览器插件可以很容易地改变userAgent、平台和其他东西，所以不建议这样做。

向绿脚趾向我道歉，我用了他的答案。

推荐文章