利用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>

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