如何使用 JavaScript 识别用户的浏览器和版本？

使用 JavaScript 识别浏览器详细信息

使用 JavaScript 确定确切的浏览器和版本可以在导航器对象的帮助下实现。该对象提供有关用户浏览环境的信息。

解决方案：

要检测浏览器及其版本，您可以使用以下代码代码片段：

navigator.saysWho = (() => {
  const {userAgent} = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];

    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);

  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho);

说明：

• 代码从导航器对象中提取用户代理字符串。
• 它使用正则表达式以匹配浏览器名称和版本。
• 对于 Internet Explorer，它会检查“trident”和从“rv”字段中提取版本号。
• 对于 Chrome，它检查特定模式以区分 Chrome、Opera 和 Edge 浏览器。
• 然后代码构造一个人类可读的代表浏览器和版本的字符串。
• 通过调用console.log(navigator.saysWho)，可以在控制台。

以上是如何使用 JavaScript 识别用户的浏览器和版本？的详细内容。更多信息请关注PHP中文网其他相关文章！