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

如果你现在还是一个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. iOS设备per app vpn，什么是什么系统的要求，必须？

    坑爹Apple网站信息MDM厂商资料,最有发言权iOS 7.x设备支持per app vpn该,但它没有说明是什么系统要求环保要求. 1. iOS 7.x 设备.当然 2. iOS 7.x 需要设备M ...

  2. 多维算法思考（三）：AB组合问题

    多维算法思考(三):AB组合问题 题目:x个A,y个B可以组合成多少个不同排列的问题. 首先,我们用数学的方式思考,这个问题属于<组合数学>的问题,我们的第一种方法可以用组合思路来求解. ...

  3. javascript系列之核心知识点(二)

    变量对象       变量对象是一个与执行上下文相关联的容器.它是一个和上下文密切结合的特殊对象,含有定义在上下文中的变量和函数声明.注意,函数表达式(和函数声明不同的)不包含在变量对象中. 变量对象 ...

  4. Android - 视图Android应用(apk)签名

    视图Android应用(apk)签名 本文地址: http://blog.csdn.net/caroline_wendy 在微博.微信开放平台注冊应用时,须要填写应用(apk)的签名,能够使用keyt ...

  5. HDU 5055 Bob and math problem（结构体）

    主题链接:http://acm.hdu.edu.cn/showproblem.php?pid=5055 Problem Description Recently, Bob has been think ...

  6. github basic usage in windows

    1. create a new accout, create orginazation, create repo 2. install git in your local pc Note: you c ...

  7. 宏观CMS--&gt;功能体系结构内容管理系统

      CMS,Content Management System,一个非常普通的站点内容管理系统.本文章旨在从一定的高度把CMS的功能概念做一个分解论述 ,希望读者能够有所感. 1.前台 前台是站点中给 ...

  8. 如何使用Visual Studio 2013 开发PHP5.6项目

    原文如何使用Visual Studio开发PHP项目 在windows下开发php除了记事本 DW 以及一帮Zend studio,Eclipse,NetBeans之流以外,个人感觉还是vsiual ...

  9. 2014阿里实习生面试题——mysql如何实现的索引

    这是2014北京站的两副面孔阿里实习生问题扯在一起: 在MySQL中.索引属于存储引擎级别的概念,不同存储引擎对索引的实现方式是不同的,比方MyISAM和InnoDB存储引擎. MyISAM索引实现: ...

  10. javascript5

    调用对象call object: 声明上下文对象declarative environment record; 作用域链scopechain: 变量解析:variable resolution: 引用 ...