沃梦达 / IT编程 / 前端开发 / 正文

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

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

要实现获取浏览器版本和操作系统类型可以通过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,则运行上述代码会输出如下内容:

示例2:

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

本文标题为:javascript实现获取浏览器版本、操作系统类型