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

在你的情况下:

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

更简短:var is_chrome = /chrome/i。测试(导航器。userAgent);

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

在进行浏览器检测时，可以使用一些可选的窗口属性。其中一个是可选的chrome属性(Chromium)，另一个是可选的opr属性(Opera)。

如果浏览器在Window对象上具有可选的chrome属性，则意味着该浏览器是Chromium浏览器。以前这在大多数情况下意味着Chrome，但现在许多浏览器都是建立在Chromium上的(包括Edge和Opera)，所以只检查该属性的存在并不能帮助检测Chrome浏览器。

然后，针对不同的浏览器版本(Edg或Edge)或操作系统(EdgiOS、ChriOS和FxiOS)，通常会有多个用户代理。

我使用以下逻辑，并针对大量案例(普通用户代理)进行了测试:

const GOOGLE_VENDOR_NAME = 'Google Inc.';

function isOpera(){
  return Boolean(window.opr);
}

function isChromium() {
  return Boolean(window.chrome);
}

function getBrowserName() {
  const userAgent = window.navigator.userAgent;
  const vendor = window.navigator.vendor;
  switch (true) {
    case /Edge|Edg|EdgiOS/.test(userAgent):
      return 'Edge';
    case /OPR|Opera/.test(userAgent) && isOpera():
      return 'Opera';
    case /CriOS/.test(userAgent):
    case /Chrome/.test(userAgent) && vendor === GOOGLE_VENDOR_NAME && isChromium():
      return 'Chrome';
    case /Vivaldi/.test(userAgent):
      return 'Vivaldi';
    case /YaBrowser/.test(userAgent):
      return 'Yandex';
    case /Firefox|FxiOS/.test(userAgent):
      return 'Firefox';
    case /Safari/.test(userAgent):
      return 'Safari';
    case /MSIE|Trident/.test(userAgent):
      return 'Internet Explorer';
    default:
      return 'Unknown';
  }
}

function isChrome() {
  const name = getBrowserName();
  return name === 'Chrome';
}

你可以在这个小提琴中找到这个简化的代码:

诀窍是先测试其他浏览器，然后再测试Chrome (Edge, Opera)。在交换机中的所有这些情况下，浏览器的不同可能标识符被组合在一个正则表达式中，并针对用户代理字符串进行测试。对于Chrome和Opera，我们还会对window属性进行额外的测试，对于Chrome，我们还会检查供应商名称是否与预期值匹配。

注意:我针对许多不同的用户代理进行了测试，但这里并不是说这个解决方案是完美无缺的。任何关于改进或失败的浏览器检测的建议都是欢迎的，这样我就可以进一步改进这段代码。

更新:

修复了Chrome在iOS上(用户代理CriOS)检测的错误。iOS上的Chrome在window对象上没有Chrome: true属性，所以应该只测试是否存在用户代理字符串。

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

在你的情况下:

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

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

更新(2022年8月):

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

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

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

var parser = new UAParser(); var result = parser.getResult(); console.log(result.browser);// {name: "Chrome", version: "104.0.0.0", "major": "104"} console.log(result.device); // {model: undefined, type: undefined, vendor: undefined} console.log(result.os); // {name: "Windows", version: "10"} console.log(result.engine); // {name: "Blink", version: "104.0.0.0"} console.log(result.cpu); // {"architecture": "amd64"} <script src="https://cdnjs.cloudflare.com/ajax/libs/UAParser.js/1.0.2/ua-parser.min.js"> </script>

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

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

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