【JS】获取当前浏览器版本和电脑系统版本

一、浏览器版本

• 函数封装，方便适配各种浏览器

export function getBrowserVersion() {
  const ua = navigator.userAgent;
  let tem;
  let match = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  if (/trident/i.test(match[1])) {
    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
    return `IE ${tem[1] || ''}`;
  }
  if (match[1] === 'Chrome') {
    tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
    if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
  }
  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  if ((tem = ua.match(/version\/(\d+)/i)) != null) match.splice(1, 1, tem[1]);
  return match.join(' ');
}

• 使用

const version = getBrowserVersion()
console.log(version)	// Chrome 124

二、电脑系统版本

• 函数封装，方便适配各种系统电脑

export function getOSVersion() {
  const { userAgent } = navigator;
  let os = 'Unknown';
  if (userAgent.indexOf('Win') !== -1) {
    os = 'Windows';
    if (userAgent.indexOf('Windows NT 10.0') !== -1) {
      os += ' 10';
    } else if (userAgent.indexOf('Windows NT 6.3') !== -1) {
      os += ' 8.1';
    } else if (userAgent.indexOf('Windows NT 6.2') !== -1) {
      os += ' 8';
    } else if (userAgent.indexOf('Windows NT 6.1') !== -1) {
      os += ' 7';
    } else if (userAgent.indexOf('Windows NT 6.0') !== -1) {
      os += ' Vista';
    } else if (userAgent.indexOf('Windows NT 5.1') !== -1) {
      os += ' XP';
    } else if (userAgent.indexOf('Windows NT 5.0') !== -1) {
      os += ' 2000';
    }
  } else if (userAgent.indexOf('Mac') !== -1) {
    os = 'Mac OS X';
    if (userAgent.indexOf('Mac OS X 10.15') !== -1) {
      os += ' Catalina';
    } else if (userAgent.indexOf('Mac OS X 10.14') !== -1) {
      os += ' Mojave';
    } else if (userAgent.indexOf('Mac OS X 10.13') !== -1) {
      os += ' High Sierra';
    } else if (userAgent.indexOf('Mac OS X 10.12') !== -1) {
      os += ' Sierra';
    } else if (userAgent.indexOf('Mac OS X 10.11') !== -1) {
      os += ' El Capitan';
    } else if (userAgent.indexOf('Mac OS X 10.10') !== -1) {
      os += ' Yosemite';
    } else if (userAgent.indexOf('Mac OS X 10.9') !== -1) {
      os += ' Mavericks';
    } else if (userAgent.indexOf('Mac OS X 10.8') !== -1) {
      os += ' Mountain Lion';
    } else if (userAgent.indexOf('Mac OS X 10.7') !== -1) {
      os += ' Lion';
    } else if (userAgent.indexOf('Mac OS X 10.6') !== -1) {
      os += ' Snow Leopard';
    } else if (userAgent.indexOf('Mac OS X 10.5') !== -1) {
      os += ' Leopard';
    } else if (userAgent.indexOf('Mac OS X 10.4') !== -1) {
      os += ' Tiger';
    } else if (userAgent.indexOf('Mac OS X 10.3') !== -1) {
      os += ' Panther';
    } else if (userAgent.indexOf('Mac OS X 10.2') !== -1) {
      os += ' Jaguar';
    } else if (userAgent.indexOf('Mac OS X 10.1') !== -1) {
      os += ' Puma';
    } else if (userAgent.indexOf('Mac OS X 10.0') !== -1) {
      os += ' Cheetah';
    }
  } else if (userAgent.indexOf('Linux') !== -1) {
    os = 'Linux';
  } else if (userAgent.indexOf('Android') !== -1) {
    os = 'Android';
  } else if (userAgent.indexOf('iOS') !== -1) {
    os = 'iOS';
  }
  return os;
}

• 使用

const version = getOSVersion()
console.log(version)	// Windows 10