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

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

我如何创建这样的功能?

当前回答

检查这个:如何检测Safari, Chrome, IE, Firefox和Opera浏览器?

在你的情况下:

var isChrome = (window.chrome.webstore || window.chrome.runtime) && !!window.chrome;

其他回答

现在你可以使用navigator.userAgent.includes(“Chrome”)

更新:请参阅Jonathan的回答，了解处理这个问题的最新方法。下面的答案可能仍然有效，但在其他浏览器中可能会引发一些误报。

var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);

然而，正如前面提到的，用户代理可能会被欺骗，所以在处理这些问题时，最好使用特征检测(例如Modernizer)，正如其他答案所提到的。

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

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

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

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

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

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

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

如果你想检测Chrome的渲染引擎(所以不是谷歌Chrome或Chromium中的特定功能)，一个简单的选项是:

var isChrome = !!window.chrome;

注意:对于基于Chrome的许多版本的Edge, Opera等也会返回true(感谢@Carrm指出这一点)。避免这种情况是一场持续的战斗(见窗口)。所以你应该问问自己，你是在试图检测渲染引擎(在2020年几乎所有主要的现代浏览器都使用)还是其他一些Chrome(或Chromium?)特定的功能。

你可以跳过!!

推荐文章