`
yanyanquan
  • 浏览: 441543 次
  • 性别: Icon_minigender_1
  • 来自: 江门
社区版块
存档分类
最新评论

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:

<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> 
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics