利用js 判断浏览器类型

在JS中判断浏览器的类型，估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中，IE、Firefox、Opera、Safari........众多品牌却标准不一，因此时常需要根据不同的浏览器，甚至相同浏览器不同版本做不同的操作，因此，知晓浏览器的判断方法，还是很重要的。下面列举一下常用的判断方法：
1、判断浏览器是否为IE
        document.all ? 'IE' : 'others'：在IE下document.all值为1，而其他浏览器下的值为0；
        navigator.userAgent.indexOf("MSIE")>0 ? 'IE' : 'others'：navigator.userAgent是描述用户代理信息。
        navigator.appName.indexOf("Microsoft") != -1 ? 'IE' : 'others'：navigator.appName描述浏览器名称信息。
2、判断IE版本
        navigator.appVersion.match(/6./i)=="6." ? 'IE6' : 'other version'：在已知是IE浏览器的情况下，可以通过此方法判断是否是IE6；
        navigator.userAgent.indexOf("MSIE 6.0")>0 ? 'IE7' : 'other version'：同上；
        navigator.appVersion.match(/7./i)=="7." ? 'IE7' : 'other version'：在已知是IE浏览器的情况下，可以通过此方法判断是否是IE7；
        navigator.userAgent.indexOf("MSIE 7.0")>0 ? 'IE7' : 'other version'：同上；
        navigator.appVersion.match(/8./i)=="8." ? 'IE8' : 'other version'：在已知是IE浏览器的情况下，可以通过此方法判断是否是IE8；
        navigator.userAgent.indexOf("MSIE 8.0")>0 ? 'IE8' : 'other version'：同上。
3、JS获取浏览器信息
        浏览器代码名称：navigator.appCodeName
        浏览器名称：navigator.appName
        浏览器版本号：navigator.appVersion
        对Java的支持：navigator.javaEnabled()
        MIME类型（数组）：navigator.mimeTypes
        系统平台：navigator.platform
        插件（数组）：navigator.plugins
        用户代理：navigator.userAgent
 
DEMO:
Js代码 
<script language="JavaScript">  
    <!--  
function getOs()  
{  
    var OsObject = "";  
   if(navigator.userAgent.indexOf("MSIE")>0) {  
        return "MSIE";  
   }  
   if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){  
        return "Firefox";  
   }  
   if(isSafari=navigator.userAgent.indexOf("Safari")>0) {  
        return "Safari";  
   }   
   if(isCamino=navigator.userAgent.indexOf("Camino")>0){  
        return "Camino";  
   }  
   if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){  
        return "Gecko";  
   }  
    
}  
 alert("您的浏览器类型为:"+getOs());  
    -->  

</script> 

注：详细的介绍可参考：http://www.2cto.com/kf/201108/101121.html

由于利用js可以获取到关于浏览器的信息相对来说比较多，每种方法对应的判断方式也不尽相同，下面我就以获取到userAgent为例，贴出js代码，看看是如何实现利用js来达到判断浏览器的类型的效果的：

<script type="text/javascript">
		var system ={};
		var p = navigator.platform;//navigator.platform 系统平台
		system.win = p.indexOf("Win") == 0;
		system.mac = p.indexOf("Mac") == 0;
		system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);//x11 通俗来说是unix系统 
		if(system.win||system.mac||system.xll){//如果是电脑
		}else{  //如果是手机,
			window.location.href="/phoneIndex.action";//如果是手机浏览器则跳转到移动端
		}
		function myBrowser(){
		    var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  userAgent可获取浏览器及版本，渲染引擎类型，浏览器语言，插件，操作系统版本，cpu类型等，因此可用来作为判断浏览器类型的依据。
		    var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
		    var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
		    var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
		    var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器
		    var isChrome = userAgent.indexOf("Chrome")>-1;//判断是否Chrome浏览器
		    if (isIE) {
		        var IE5 = IE55 = IE6 = IE7 = IE8 = false;
		        var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
		        reIE.test(userAgent);
		        var fIEVersion = parseFloat(RegExp["$1"]);
		        IE55 = fIEVersion == 5.5;
		        IE6 = fIEVersion == 6.0;
		        IE7 = fIEVersion == 7.0;
		        IE8 = fIEVersion == 8.0;
		        if (IE55) {
		            return "IE55";
		        }
		        if (IE6) {
		            return "IE6";
		        }
		        if (IE7) {
		            return "IE7";
		        }
		        if (IE8) {
		            return "IE8";
		        }
		    }//isIE end
		    if (isFF) {
		        return "FF";
		    }
		    if (isOpera) {
		        return "Opera";
		    }
		    if(isChrome){
		    	return "Chrome";
		    }
		}//myBrowser() end
		//以下是调用上面的函数
		if (myBrowser() == "FF") {
			alert("这是火狐浏览器");
		}
		if (myBrowser() == "Opera") {
		    alert("这是Opera浏览器");
		}
		if (myBrowser() == "Safari") {
		   alert("这是Safari浏览器");
		}
		if(myBrowser()=="Chrome"){
			alert("这是谷歌浏览器");
		}
		if (myBrowser() == "IE55") {
		   alert("IE5 版本过低 页面可能会乱，请升级您的浏览器到IE8以上");
		}
		if (myBrowser() == "IE6") {
		  alert("IE6 版本过低 页面可能会乱，请升级您的浏览器到IE8以上");
		}
		if (myBrowser() == "IE7") {
		   alert("IE7 版本过低 页面可能会乱，请升级您的浏览器到IE8以上");
		}
		if (myBrowser() == "IE8") {
		     alert("IE8 版本过低 页面可能会乱，请升级您的浏览器到IE8以上");
		}
	</script>

以上就是本文的全部内容，希望对读者有所帮助。