js检测浏览器版本

最新地址请查看：http://leeyee.github.io/blog/2009/08/24/javacript-broswer-check/

 

以下浏览器版本的判断方法来自《JavaScript 高级程序设计》第八章。跟原书中的代码没有任何出入，唯一不同的是加入了对Google Chrome浏览器的判断。

该篇内容主要是为了实现调用window.close()关闭窗口时IE不提示 下篇的服务。同时仅作资料备份使用，不做他用。

 

总体上我们验证浏览器及其版本是通过浏览器的user-agent字符串来检测的。

首先我们要获取user-agent字符串及浏览器版本

var sUserAgent = navigator.userAgent; //parseFloat 运行时逐个读取字符串中的字符，当他发现第一个非数字符是就停止 var fAppVersion = parseFloat(navigator.appVersion);

接着我们需要提供一个版本比较函数，方便我们对小数版本号进行比对

function compareVersions(sVersion1,sVersion2){ var aVersion1 = sVersion1.split("."); var aVersion2 = sVersion2.split("."); if(aVersion1.length > aVersion2.length){ for(var i = 0 ;i < aVersion1.length - aVersion2.length ; i++){ aVersion2.push("0"); } }else if(aVersion1.length < aVersion2.length){ for(var i = 0 ;i < aVersion2.length - aVersion1.length ; i++){ aVersion2.push(0); } } for(var i = 0 ;i < aVersion1.length ; i++){ var iVal1 = parseInt(aVersion1[i],10); var iVal2 = parseInt(aVersion2[i],10); if(iVal1 < iVal2){ return -1; }else if(iVal1 > iVal2){ return 1; } } return 0; }

以上我们的基本准备工作已经完成，现在开始进行浏览器版本判断.

1、Opera 浏览器检测

var isOpera = sUserAgent.indexOf("Opera") > -1 ; var isMinOpera4 = isMinOpera5 = isMinOpera6 = isMinOpera7 = isMinOpera7_5 = false; if(isOpera){ var fOperaVersion ; //定义Opera浏览器版本 //首先检测Opera是否进行了伪装 if(navigator.appName == 'Opera'){ fOperaVersion = fAppVersion;//如果没有进行伪装，则直接后去版本号 }else{ var reOperaVersion = new RegExp("Opera (//d+//.//d+)"); reOperaVersion.test(sUserAgent);//使用正则表达式的test方法测试并将版本号保存在RegExp.$1中 fOperaVersion = parseFloat(RegExp['$1']); } isMinOpera4 = fOperaVersion >= 4; isMinOpera5 = fOperaVersion >= 5; isMinOpera6 = fOperaVersion >= 6; isMinOpera7 = fOperaVersion >= 7; isMinOpera7_5 = fOperaVersion >= 7.5; }

2、Google Chrome 浏览器检测

var isChrome = sUserAgent.indexOf("Chrome") > -1 ; var isMinChrome2 = false;//这没有检测完，如需要可针对Chrome进行检测 if(isChrome){ var reChorme = new RegExp("Chrome///(//d+//.//d+(?://.//d+)?)"); reChorme.test(sUserAgent); isMinChrome2 = compareVersions(RegExp["$1"],"2.0") >= 0; }

3、Konqueror/Safari 浏览器检测

//排除Chrome信息，因为在Chrome的user-agent字符串中会出现Konqueror/Safari的关键字 var isKHTML = (sUserAgent.indexOf("KHTML") > -1 || sUserAgent.indexOf("Konqueror") > -1 || sUserAgent.indexOf("AppleWebKit") > -1) && !isChrome ; var isMinSfari1 = isMinSfari1_2 = false; var isMinKonq2_2 = isMinKonq3 = isMinKonq3_1 = isMinKonq3_2 = false; if(isKHTML){//判断是否基于KHTML，如果时的话在继续判断属于何种KHTML浏览器 var isSafari1 = sUserAgent.indexOf("AppleWebKit") > -1; var isKonq = sUserAgent.indexOf("Konqueror") > -1; if(isSafari1){ var reAppleWebKit = new RegExp("AppleWebKit///(//d+(?://.//d*)?)"); reAppleWebKit.test(sUserAgent); var fAppleWebKitVersion = parseFloat(RegExp["$1"]); isMinSfari1 = fAppleWebKitVersion >= 85; isMinSfari1_2 = fAppleWebKitVersion >= 124; }else if(isKonq){ var reKong = new RegExp("Konqueror///(//d+(?://.//d+(?://.//d)?)?)"); reKong.test(sUserAgent); isMinKonq2_2 = compareVersions(RegExp["$1"],"2.2") >= 0; isMinKonq3 = compareVersions(RegExp["$1"],"3.0") >= 0; isMinKonq3_1 = compareVersions(RegExp["$1"],"3.1") >= 0; isMinKonq3_2 = compareVersions(RegExp["$1"],"3.2") >= 0; } }

4、IE 浏览器检测

// !isOpera 避免是由Opera伪装成的IE var isIE = sUserAgent.indexOf("compatible") > -1 && sUserAgent.indexOf("MSIE") > -1 && !isOpera; var isMinIE4 = isMinIE5 = isMinIE5_5 = isMinIE6 = isMinIE7 = isMinIE8 = false; if(isIE){ var reIE = new RegExp("MSIE (//d+//.//d+);"); reIE.test(sUserAgent); var fIEVersion = parseFloat(RegExp["$1"]); isMinIE4 = fIEVersion >= 4; //alert('isMinIE4='+isMinIE4); isMinIE5 = fIEVersion >= 5; //alert('isMinIE5='+isMinIE5); isMinIE5_5 = fIEVersion >= 5.5; //alert('isMinIE5_5='+isMinIE5_5); isMinIE6 = fIEVersion >= 6; //alert('isMinIE6='+isMinIE6); isMinIE7 = fIEVersion >= 7; //alert('isMinIE7='+isMinIE7); isMinIE8 = fIEVersion >= 8; //alert('isMinIE8='+isMinIE8); }

5、Mozilla FireFox 浏览器检测

//排除Chrome 及Konqueror/Safari的伪装 var isMoz = sUserAgent.indexOf("Gecko") > -1 && !isChrome &&!isKHTML; var isMinMoz1 = isMinMoz1_4 = isMinMoz1_5 = false; if(isMoz){ var reMoz = new RegExp("rv:(//d+//.//d+(?://.//d+)?)"); reMoz.test(sUserAgent); isMinMoz1 = compareVersions(RegExp["$1"],"1.0") >= 0; isMinMoz1_4 = compareVersions(RegExp["$1"],"1.4") >= 0; isMinMoz1_5 = compareVersions(RegExp["$1"],"1.5") >= 0; }

基本上浏览器的判断就到此为止，其他浏览器不做说明。可以使用alert(navigator.userAgent); 提示的信息具体分析相应浏览器的user-agent，然后进行过处理获取浏览器个性信息及版本。