js判断浏览器类型,版本的代码(附多个实例代码)

当我们开发web应用程序时，我们常常需要检测用户的浏览器类型和版本，以确保网站的功能在不同浏览器上的兼容性。以下是检测浏览器类型，版本的Javascript代码的攻略。

一、通过userAgent检测

Javascript可以通过navigator.userAgent来获取浏览器的用户代理字符串，然后从中提取浏览器类型和版本号。

let userAgent = navigator.userAgent;
let isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1;
let isEdge = userAgent.indexOf("Edge") > -1 && !isIE;
let isIE11 = userAgent.indexOf("Trident") > -1 && userAgent.indexOf("rv:11.0") > -1;
let isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1;
let isOpera = userAgent.indexOf("Opera") > -1;

上述代码通过检查是否包含“compatible”和“MSIE”来判断浏览器是否是IE，如果是则表示是IE浏览器。通过包含“Edge”且不包含“MSIE”来判断是否是Edge浏览器，通过检查是否包含“Chrome”和“Safari”来判断是否是Chrome浏览器，而通过包含“Opera”来判断是否是Opera浏览器。

二、通过正则表达式检测

还可以使用正则表达式来检测浏览器类型和版本。

1.检测IE浏览器

let userAgent = navigator.userAgent;
let reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
let IEVersion = parseFloat(RegExp["$1"]);

上述代码通过正则表达式抽取用户代理字符串中的IE版本号并返回IE版本号。

2.检测Edge浏览器

let userAgent = navigator.userAgent;
let reEdge = new RegExp("Edge/(\\d+\\.\\d+)");
reEdge.test(userAgent);
let edgeVersion = parseFloat(RegExp["$1"]);

上述代码通过正则表达式抽取用户代理字符串中的Edge版本号并返回Edge版本号。

3.检测Firefox浏览器

if (navigator.userAgent.indexOf("Firefox") > -1) {
  let firefoxVersion = parseInt(navigator.userAgent.match(/Firefox\/([0-9]+)\./)[1]);
}

上述代码通过正则表达式抽取用户代理字符串中的Firefox版本号并返回Firefox版本号。

无论使用何种方式进行浏览器检测，开发者都需要注意浏览器兼容性问题，特别是在使用一些新特性和API时。

综上，通过正确的检测浏览器类型和版本号，我们可以更好地维护Web应用程序的兼容性，在不同的浏览器上保留更好的用户体验。