js判断主流浏览器类型和版本号的简单实现代码

当需要在JavaScript中判断主流浏览器类型和版本号时，可以使用navigator.userAgent属性来获取用户代理字符串，然后通过正则表达式匹配来判断浏览器类型和版本号。下面是一个简单的实现代码：

// 获取用户代理字符串
var userAgent = navigator.userAgent;

// 判断浏览器类型和版本号
if (/Firefox\\/(\\d+\\.\\d+)/.test(userAgent)) {
  // Firefox浏览器
  var version = RegExp.$1;
  console.log(\"Firefox \" + version);
} else if (/Chrome\\/(\\d+\\.\\d+)/.test(userAgent)) {
  // Chrome浏览器
  var version = RegExp.$1;
  console.log(\"Chrome \" + version);
} else if (/Safari\\/(\\d+\\.\\d+)/.test(userAgent)) {
  // Safari浏览器
  var version = RegExp.$1;
  console.log(\"Safari \" + version);
} else if (/MSIE (\\d+\\.\\d+);/.test(userAgent)) {
  // IE浏览器
  var version = RegExp.$1;
  console.log(\"IE \" + version);
} else if (/Trident\\/(\\d+\\.\\d+)/.test(userAgent)) {
  // IE11浏览器
  var version = RegExp.$1;
  console.log(\"IE11 \" + version);
} else if (/Edge\\/(\\d+\\.\\d+)/.test(userAgent)) {
  // Edge浏览器
  var version = RegExp.$1;
  console.log(\"Edge \" + version);
} else {
  // 其他浏览器
  console.log(\"Unknown browser\");
}

上述代码首先获取用户代理字符串，然后使用正则表达式匹配不同浏览器的标识符和版本号。如果匹配成功，则输出相应的浏览器类型和版本号。如果没有匹配成功，则输出\"Unknown browser\"表示未知浏览器。

以下是两个示例说明：

示例1：判断Chrome浏览器

假设用户代理字符串为：\"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36\"

运行上述代码后，控制台将输出：\"Chrome 91.0.4472.124\"

示例2：判断Firefox浏览器

假设用户代理字符串为：\"Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0\"

运行上述代码后，控制台将输出：\"Firefox 89.0\"

通过这种方式，你可以根据用户代理字符串判断主流浏览器的类型和版本号，并根据需要执行相应的逻辑。请注意，这种方法只能判断主流浏览器，对于一些非主流浏览器可能无法准确判断。