浏览器版本重新判断（IE11革新后）

最新推荐文章于 2025-05-15 16:13:16 发布

weixin_34024034

最新推荐文章于 2025-05-15 16:13:16 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/58314

本文介绍了如何通过JavaScript代码识别IE11及其它主流浏览器，并提供了兼容性解决方案。通过匹配UserAgent字符串，可以准确获取浏览器名称及版本信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

IE11对ie的好多地方进行了修改，兼容了标准，userAgent改变，但其实感觉它已经不是ie了。

改变参照学习链接：链接1 链接2

修改后的js代码：

/**
 * Usually used browser compatibility.<br>
 * Get browser name agent version.<br>
 * return browser name and version.<br>
 * return eg：ie9.0、ie11.0、firefox34.0、chrome37.0
 * */
function getBrowserNV(){
		 var agent = navigator.userAgent.toLowerCase();
		 var regStr_ie = /msie [\d.]+/gi ;
		 var regStr_ff = /firefox\/[\d.]+/gi
		 var regStr_chrome = /chrome\/[\d.]+/gi ;
		 var regStr_saf = /safari\/[\d.]+/gi ;
		 var browserNV = "";
		 //IE
		 if(agent.indexOf("msie") > 0){
			 browserNV = agent.match(regStr_ie) ;
		 }
		 //firefox
		 if(agent.indexOf("firefox") > 0){
			 browserNV = agent.match(regStr_ff) ;
		 }
		 //Chrome
		 if(agent.indexOf("chrome") > 0){
			 browserNV = agent.match(regStr_chrome) ;
		 }
		 //Safari
		 if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0){
			 browserNV = agent.match(regStr_saf) ;
		 }
		 browserNV = browserNV.toString();
		 //other
		 if(""==browserNV){
			 browserNV  = "Is not a standard browser";
		 }
		 //Here does not display "/"
		 if(browserNV.indexOf('firefox')!= -1 || browserNV.indexOf('chrome')!= -1){
			 browserNV = browserNV.replace("/","");
		 }
		 //Here does not display space
		 if(browserNV.indexOf('msie')!= -1){
			//msie replace IE & trim space
			browserNV = browserNV.replace("msie","ie").replace(/\s/g,"");
		 }
		 if(browserNV == "Is not a standard browser"){
			 if(isIE()){
				 browserNV = "ie11.0";
			 }
		 }
		 //return eg:ie9.0 firefox34.0 chrome37.0
		return browserNV;
}
//IE11
function isIE() { //IE
    if (!!window.ActiveXObject || "ActiveXObject" in window)
        return true;
    else
        return false;
}

使用代码：

		//标签的css样兼容解决
		var bnv = getBrowserNV().toString();
		if(bnv.indexOf("ie") != -1 || bnv.indexOf("chrome") != -1){
			$("#attentiondiv").find("dd").addClass("attentdd");
			$("#attentiondiv").find(".no_dt").addClass("attentnodt");
		}