原创博文，转载请注明出处。

如果你现在还是一个JavaScript新手（比如本人，哈哈 ），由于浏览器的兼容问题，很容易写出不兼容的JS代码，这就需要我们对浏览器进行检测。

JavaScript Navigator 对象包含了有关访问者浏览器的所有信息。

Navigator含有以下几个属性：

浏览器信息：

　　浏览器代码名称：navigator.appCodeName

　　浏览器名称：navigator.appName

　　浏览器版本号：navigator.appVersion，包括了大版本号、小版本号、语言、操作平台等信息。

　　 浏览器次要版本：navigator.appMinorVersion

　　MIME类型（数组）：navigator.mimeTypes

　　系统平台：navigator.platform

　　 插件（数组）：navigator.plugins

　　用户代理：navigator.userAgent

　　cpu信息： navigator.cpuClass

　　语言： navigator.language,还有userLanguage操作系统设定的自然语言，browserLanguage返回浏览器当前语言， systemLanguage返回当前操作系统的缺省语言。

浏览器状态：

cookie开启关闭：navigator.cookieEnabled

浏览器联网状态：navigator.online

对Java的支持：navigator.javaEnabled()

其他：

用户信息：navigator.userProfile,拥有 addReadRequest() doReadRequest() getAttribute() clearRequest() 等方法。

指定是否允许数据污点：navigator.taintEnabled 是否可以加密数据的真伪值。仅IE有效。在navigator 4.0 已删除

我们来看一个例子：这个例子用来返回当前浏览器的信息。

 <html>

 <body>

 <script type="text/javascript">

 var x = navigator;

 document.write("CodeName=" + x.appCodeName);

 document.write("<br />");

 document.write("MinorVersion=" + x.appMinorVersion);

 document.write("<br />");

 document.write("Name=" + x.appName);

 document.write("<br />");

 document.write("Version=" + x.appVersion);

 document.write("<br />");

 document.write("CookieEnabled=" + x.cookieEnabled);

 document.write("<br />");

 document.write("CPUClass=" + x.cpuClass);

 document.write("<br />");

 document.write("OnLine=" + x.onLine);

 document.write("<br />");

 document.write("Platform=" + x.platform);

 document.write("<br />");

 document.write("UA=" + x.userAgent);

 document.write("<br />");

 document.write("userProfile="+x.userProfile)

 document.write("<br />");

 document.write("Language="+x.language)

 document.write("<br />");

 document.write("BrowserLanguage=" + x.browserLanguage);

 document.write("<br />");

 document.write("SystemLanguage=" + x.systemLanguage);

 document.write("<br />");

 document.write("UserLanguage=" + x.userLanguage);

 </script>

 </body>

如果返回了“undefined” （比如，browserLanguage,cpuClass,onLine等属性）是因为你的当前浏览器使用的是Firefox或者chrome，当你切换到IE之后就会发现其中变化了。

下面的例子是返回你的IE浏览器的版本信息：

 <html>

 <body>

 <script>

 //获取IE浏览器的版本号

 //返回数值，显示IE的主版本号

 function getIEVer() {

  var ua = navigator.userAgent; //获取用户端信息

  var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置

  if (b < 0) {

   return 0;

  }

  return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本号字符串，并转换为数值

 }

 alert(getIEVer()); //返回数值8(我的IE8)

 </script>

 </body>

 </html>

像在我的IE浏览器中，userAgent返回如下信息：UA=Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; MSIE就代表了浏览器的版本，TridentIE排版引擎的名称。

下面的例子可以用来判断当前浏览器的版本。

 <html>

 <head>

     <title>JavaScript检测浏览器</title>

 </head>

 <body>

 <script type="text/javascript">

     var userAgent=navigator.userAgent.toLowerCase(), s, o = {};

     var browser={

         version:(userAgent.match(/(?:firefox|opera|safari|chrome|msie)[\/: ]([\d.]+)/))[1],

         safari:/version.+safari/.test(userAgent),

         chrome:/chrome/.test(userAgent),

         firefox:/firefox/.test(userAgent),

         ie:/msie/.test(userAgent),

         opera: /opera/.test(userAgent )

     } /* 获得浏览器的名称及版本信息 */

     if (browser.ie && browser.version > 6)

     {

       /* 判断是否为IE 6以上版本，是则执行以下操作 */

       document.writeln("<p>您使用的是IE "+browser.version+"<\/p>");

     }

    if (browser.safari) {

       doucment.writeln("<p>您使用的是safari浏览器<\/p>");

     }  /* 判断是否为safari */

    if (browser.firefox) {

       document.writeln("<p>您使用的是firefox浏览器<\/p>");

     } /* 判断是否为firefox */

    if (browser.chrome) {

      document.writeln("<p>您使用的是chrome浏览器<\/p>");

     }  /* 判断是否为chrome */

    if (browser.opera) {

      document.writeln("<p>您使用的是opera浏览器<\/p>");

     }   /* 判断是否为opera */

 </script>

 </body>

 </html>

ps：博文发出去后有园友建议用检测功能来代替Agent，由于刚接触javascript而且并不以此为主要工作，所以对我而言用处不大，如果你是做前端工作的，建议你学习使用Modernizr检查功能，我简单的看了一下介绍，感觉是个强大的东西。

参照：javaScript语言参考手册

JS 浏览器检测的更多相关文章

  1. js浏览器检测

    1.判断浏览器类型 if navigator.userAgent.indexOf(”MSIE”)>0) {} //判断是否IE浏览器 if(isFirefox=navigator.userAge ...

  2. 浏览器检测(BrowserDetect.js)

    浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果 ...

  3. js+jquery检测用户浏览器型号（包括对360浏览器的检测）

    做网站,js检测用户浏览器的版本,是经常要使用到,今天自己写了一个js,完成了对于一些常见浏览器的检测,但是,偏偏对于360浏览器的检测没有任 何办法,研究了一会儿,无果.无论是360安全浏览器,还是 ...

  4. 浏览器检测(BrowserDetect.js)使用

    浏览器检测是在工作中经常用到的,如果只是简单判断当前是什么浏览器的话可以通过window.navigator.useragent这样的js来直接判断就可以了! 但是针对浏览器版本要求比较高的时候,如果 ...

  5. js+jquery检测用户浏览器型号(转)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. 浏览器检测-js

    昨天有一同学问我为什么attachEvent在非IE浏览器下不能起作用,我也跟他解释了一番:attachEvent是IE下独有的,只能在IE下使用,其他浏览器下应该用addEventListener来 ...

  7. jQuery为哪般去掉了浏览器检测

    由于做HTML5相关的项目,许多前卫时髦的前端技术就需要考虑一下IE是否支持.要是在以前,可以很方便地调用jQuery的jQuery.browser来实现. If(jQuery.browser.msi ...

  8. Device.js – 快速检测平台、操作系统和方向信息

    在 Web 项目中,有时候我们需要根据程序运行的环境采取特定操作.Device.js 是一个很小的 JavaScript 库,它简化了编写和平台,操作系统或浏览器相关的条件 CSS 或 JavaScr ...

  9. 浏览器检测navigator 对象

    1.浏览器及版本号不同的浏览器支持的功能.属性和方法各有不同.比如IE 和Firefox 显示的页面可能就会有所略微不同. alert('浏览器名称:' + navigator.appName); a ...

随机推荐

  1. ACM核武器

    工欲善其事必先利其器,给大家介绍一下ACM里面经常使用的一些工具,平台,作为第一发福利. 详细看这里,我直接粘贴过来有些代码没贴过来  http://wuyiqi.net/house/acm_weap ...

  2. ubuntu分屏终端

    一:更新source 列表: 将/etc/apt/sources.list的镜像源改为网易源:http://mirrors.163.com/ubuntu/dists/ deb http://mirro ...

  3. Javascript学习6 - 类、对象、继承

    原文:Javascript学习6 - 类.对象.继承 Javasciprt并不像C++一样支持真正的类,也不是用class关键字来定义类.Javascript定义类也是使用function关键字来完成 ...

  4. Android(Lollipop/5.0) Material Design(六) 使用图像

    Material Design列 Android(Lollipop/5.0)Material Design(一) 简单介绍 Android(Lollipop/5.0)Material Design(二 ...

  5. CSS设置滚动条样式[转]

    原文转载地址:http://www.javascript100.com/?p=756 webkit浏览器css设置滚动条 主要有下面7个属性 ::-webkit-scrollbar 滚动条整体部分,可 ...

  6. STL algorithmi算法s_sorted和is_sorted_until(28)

    is_sort原型: ::is_sorted default (1) template <class ForwardIterator> bool is_sorted (ForwardIte ...

  7. 前端项目部署之Grunt

    如果你的前端项目很小或都者项目不需要通过专门的运维同学走流水线上线部署的话,那么可以略过以下的繁文. ok,Let's go! 我们看看如何使用grunt来部署上线项目? 前端项目一般分为两种类型:T ...

  8. Mysql sql声明召回2 －－正则表达式

    这里简单回顾mysql在过滤后的数据使用正则表达式时.主要利用每方法将样品,或添加一些简短的说明. 下面说说提前,使用正则表达式是用来过滤数据 REGEXPkeyword 基本字符相匹配: SELEC ...

  9. windows+php5.5+apache2.4+tomcat+mod_jk配置

    原因: 通常情况下apache执行的是80port,比方apache启动后执行localhost:80就能够出现It works页面,这里的80也能够不写,会默认的.而tomcat启动时默认的port ...

  10. 使用Webbrowser的一点心得体会

    原文:使用Webbrowser的一点心得体会 自从用上VS2005后,发现多了个WebBrowser控件(.net 2003中不带),为图方便吧,有好多小工具就用这个写的,慢慢也有点体会了,总结一下, ...