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

如果你现在还是一个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 警告 收集

    Semantic Warnings Warning Message -WCFString-literal input conversion stopped due to an input byte t ...

  2. MySQL中游标使用以及读取文本数据

    原文:MySQL中游标使用以及读取文本数据 前言 之前一直没有接触数据库的学习,只是本科时候修了一本数据库基本知识的课.当时只对C++感兴趣,天真的认为其它的课都没有用,数据库也是半懂不懂,胡乱就考试 ...

  3. awk学习总结（两） How awk works and awk CMD in a file

    测试文件names Tom Savage 100 Molly Lee 200 John Doe 300 $0 代表file的整行; $1,第一列;$2,第二列...... $ awk '/Tom/{p ...

  4. bigdata_ambari修改hiveserver_metastore链接库（从0.14 升级到1.2.1 ）

    第一步:[db升级 ,先看第二步] cd到 hive的 metastore  upgrade目录 cd /usr/hdp/2.5.0.0-1245/hive/scripts/metastore/upg ...

  5. 自己定义GSON类型适配器

    Exception in thread "main" java.lang.RuntimeException: No-args constructor for class java. ...

  6. 题目1380：lucky number

    转载请注明文本链接 http://blog.csdn.net/yangnanhai93/article/details/40441709 题目链接地址:http://ac.jobdu.com/prob ...

  7. s3c2440 的 rtc 操作

    实时时钟(RTC)其主要功能是电源故障的制度下,使用后备电源,时钟继续.为了不浪费时间信息. s3c2440内部集成了RTC模块,并且用起来也十分简单. 其内部的寄存器BCDSEC,BCDMIN,BC ...

  8. linux cat

    cut是一个选取命令,就是将一段数据经过分析,取出我们想要的.一般来说,选取信息通常是针对“行”来进行分析的,并不是整篇信息分析的. (1)其语法格式为:cut  [-bn] [file] 或 cut ...

  9. Android Notification通知详细解释

    Android Notification通知具体解释  Notification: (一).简单介绍:         显示在手机状态栏的通知. Notification所代表的是一种具有全局效果的通 ...

  10. 移植MonkeyRunner的图片对比和获取子图功能的实现-Appium篇

    如果你的目标测试app有很多imageview组成的话,这个时候monkeyrunner的截图比较功能就体现出来了.而其他几个流行的框架如Robotium,UIAutomator以及Appium都提供 ...