您的位置:首页 > Web前端 > 其它

Js如何判断浏览器类型和版本

更多 2013/10/15 来源:Javascript学习浏览量:3310
本文导读:在JS中判断浏览器的类型,估计是每个编辑过页面的开发人员都遇到过的问题。在众多的浏览器产品中,IE、Firefox、Opera、Safari等等众多品牌却标准不一,因此时常需要根据不同的浏览器,甚至相同浏览器不同版本做不同的操作,因此,知晓浏览器的判断方法,还是很重要的。下面列举一下常用的判断方法:

JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。

下面通过一段代码判断Js如何判断浏览器类型和版本

 
JScript 代码   复制

<script type=“text/javascript”>

      function isIE(){
          return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1 && document.all;
      }

      function isIE6() {
          return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 6.0″)==-1?false:true;
      }

      function isIE7(){
          return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 7.0″)==-1?false:true;
      }

      function isIE8(){
          return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 8.0″)==-1?false:true;
      }

      function isNN(){
         return navigator.userAgent.indexOf(“Netscape”)!=-1;
      }

      function isOpera(){
          return navigator.appName.indexOf(“Opera”)!=-1;
      }

      function isFF(){
          return navigator.userAgent.indexOf(“Firefox”)!=-1;
      }

      function isChrome(){
          return navigator.userAgent.indexOf(“Chrome”) > -1;
      }
 </script>

 

 

下面介绍下 js获取客户端浏览器信息

 

Navigator 对象包含有关浏览器的信息。js就是通过Navigator的属性获取客户端浏览器信息

Navigator 对象属性:

 

属性 描述
appCodeName 返回浏览器的代码名。
appMinorVersion 返回浏览器的次级版本。
appName 返回浏览器的名称。
appVersion 返回浏览器的平台和版本信息。
browserLanguage 返回当前浏览器的语言。
cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
cpuClass 返回浏览器系统的 CPU 等级。
onLine 返回指明系统是否处于脱机模式的布尔值。
platform 返回运行浏览器的操作系统平台。
systemLanguage 返回 OS 使用的默认语言。
userAgent 返回由客户机发送服务器的 user-agent 头部的值。
userLanguage 返回 OS 的自然语言设置。

 

收藏
373
很赞
374