js获取浏览器基本信息大全

获取浏览器基本信息是前端开发中比较常用的一个需求。通过 JavaScript 可以获取浏览器的类型、版本号、操作系统类型等信息。下面就来详细讲解一下如何获取浏览器基本信息。

获取浏览器基本信息是前端开发中比较常用的一个需求。通过 JavaScript 可以获取浏览器的类型、版本号、操作系统类型等信息。下面就来详细讲解一下如何获取浏览器基本信息。

获取浏览器类型和版本号

可以使用 navigator.userAgent 获取当前浏览器的 UserAgent 字符串，然后通过正则表达式匹配出浏览器类型和版本号。

// 获取浏览器类型和版本号
function getBrowser() {
  let ua = navigator.userAgent;
  let browser = '';
  let version = '';

  // 匹配浏览器名称和版本号
  let reg = /^.*(MSIE|Firefox|Opera|Chrome|Safari)[\s\/:]+([\d\.]+).*$/;
  let match = ua.match(reg);

  if (match && match.length === 3) {
    browser = match[1];
    version = match[2];
  }

  return browser + ' ' + version;
}

console.log(getBrowser()); // 输出： Chrome 93.0.4577.63

示例演示了如何获取当前浏览器的名称和版本号，并输出到控制台中。

获取操作系统类型

通过 navigator.platform 可以获取当前操作系统的信息。

// 获取操作系统类型
function getOS() {
  let platform = navigator.platform;
  let os = '';

  if (platform.indexOf("Win") != -1) {
    os = "Windows";
  } else if (platform.indexOf("Mac") != -1) {
    os = "MacOS";
  } else if (platform.indexOf("Linux") != -1) {
    os = "Linux";
  } else {
    os = "Other";
  }

  return os;
}

console.log(getOS()); // 输出：Windows

示例演示了如何获取操作系统类型，并输出到控制台中。

以上就是获取浏览器基本信息的完整攻略，包括如何获取浏览器类型、版本号和操作系统类型。