javascript实现获取浏览器版本、操作系统类型

要实现获取浏览器版本和操作系统类型可以通过JavaScript的navigator对象来获取信息。

获取浏览器版本

要获取浏览器版本，可以通过navigator.userAgent属性获取当前浏览器的信息，然后使用正则表达式匹配浏览器信息中的版本号。

var userAgent = navigator.userAgent;
var versionMatch = userAgent.match(/(Chrome|Firefox|MSIE|Edge|OPR|Safari|Trident)\/(\d+)/);
if (versionMatch) {
  var browserName = versionMatch[1];
  var browserVersion = parseInt(versionMatch[2]);
  console.log("当前浏览器是：" + browserName + "，版本号为：" + browserVersion);
} else {
  console.log("无法获取浏览器版本信息");
}

上面的代码会先获取当前浏览器的userAgent字符串，然后使用正则表达式匹配其中的浏览器名称和版本号。如果匹配成功，则分别将浏览器名称和版本号保存在变量中，并输出到控制台。如果匹配不成功，则输出无法获取版本信息。

获取操作系统类型

要获取操作系统类型，可以通过navigator.platform属性获取操作系统信息字符串，然后使用条件语句判断系统类型。

var platform = navigator.platform;
if (platform.indexOf("Win") != -1) {
  console.log("当前系统是 Windows");
} else if (platform.indexOf("Mac") != -1) {
  console.log("当前系统是 macOS");
} else if (platform.indexOf("Linux") != -1) {
  console.log("当前系统是 Linux");
} else {
  console.log("无法获取系统类型信息");
}

上面的代码会先获取当前操作系统信息字符串，并使用条件语句判断字符串中是否包含特定关键字，从而确定操作系统类型。如果类型判断成功，则输出对应的系统类型信息。如果无法判断系统类型，则输出无法获取信息。

示例1：

假设当前浏览器是 Google Chrome 89 版本，操作系统是 Windows 10，则运行上述代码会输出如下内容：

当前浏览器是 Chrome，版本号为：89
当前系统是 Windows

示例2：

假设当前浏览器是 Safari 14 版本，操作系统是 macOS Big Sur，则运行上述代码会输出如下内容：

当前浏览器是 Safari，版本号为：14
当前系统是 macOS