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

如果你现在还是一个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. Echarts Jqplot嵌extjs4 windows 装配方法

    js组件绘图终于是画在一个指定id的div或dom元素中. 在项目中有可能须要画在 Extjs容器中,研究了一下,能够通过下面的思路实现,方法跟大家共享下: 1.首先做一个容器,把此内容加入到wind ...

  2. centos编译内核：no space left on device 解

    1.问题:在下面的根文件夹中的原始源代码 编译出现 no space left on device 利用df -h 命令查看 根文件夹空间占用完成 2.将源代码改在其它空间非常足的地方编译 在make ...

  3. springMVC3得知(五岁以下儿童)--MultiActionController

    Spring为了提供一个多动作控制器,您可以使用它的几个行动统一到一个控制器,这可以放在一起功能. 多动作控制器存在在一个单独的包中--org.springframework.web.mvc.mult ...

  4. （一）spring MVC基本概念和流程

    MVC的概念 Model(模型):包含数据和行为.不过现在一般都分离开来:Value Object(数据) 和 服务层(行为). View(视图):负责进行模型的展示,一般就是展示给用户的界面. Co ...

  5. 进程切换switch_to宏第三个参数分析

    进程切换一般都涉及三个进程,如进程a切换成进程b,b开始执行,但是当a恢复执行的时候往往是通过一个进程c,而不是进程b. 注意switch_to的调用: switch_to(prev,next,pre ...

  6. JS读写Cookie（设置、读取、删除）

    JS读写Cookie(设置.读取.删除) Cookie是客户端存放数据的一种方式,可用来做状态保持. 1.设置Cookie: a.无过期时间:(若不设置过期时间,默认为会话级Cookie,浏览器关闭就 ...

  7. 文件同步服务器，iis 集群 ，代码同步(一)

    文件同步服务器 BitTorrent Sync 有点像TeamViewer远程协助 软件,私钥连接. 使用版本就30 天,最近测试了,功能不够理想.有点遗憾,我觉得我可以写一个! 确实很好用.

  8. SQL字符串处理函数

    字符串函数对二进制数据.字符串和表达式运行不同的运算.此类函数作用于CHAR.VARCHAR. BINARY. 和VARBINARY 数据类型以及能够隐式转换为CHAR 或VARCHAR的数据类型. ...

  9. MVC验证02-自定义验证规则、邮件验证

    原文:MVC验证02-自定义验证规则.邮件验证 本文体验MVC自定义验证特性,来实现对邮件的验证.对于刚写完的自定义验证特性,起初只能支持后端验证.如果要让前端jquery支持,还必须对jquery的 ...

  10. jQuery.extend()源码解读

    // extend方法为jQuery对象和init对象的prototype扩展方法// 同时具有独立的扩展普通对象的功能jQuery.extend = jQuery.fn.extend = funct ...