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

如果你现在还是一个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. 关于JavaScript中的事件代理

    今天面试某家公司Web前端开发岗位,前面的问题回答的都还算凑活,并且又问了一下昨天面试时做的一道数组去重问题的解题思路(关于数组去重问题,可以观赏我前几天写的:http://www.cnblogs.c ...

  2. 使用 CodeIgniter 框架快速开发 PHP 应用(六)

    原文:使用 CodeIgniter 框架快速开发 PHP 应用(六) 简化使用 Session 和安全理论说得够多了! 现在让我们开始写我们自己的应用. 在这一章里,我们将会大致描述一下我们要建立的一 ...

  3. 转让lua性能executeGlobalFunction

    没有其他的,搞搞cocos2dx的lua文字,话lua这件事情在几年前学过一段时间.还曾对自己c++介面,我已经做了一些小东西.只是时间的流逝,模糊记忆. 拿起点功夫和成本.下面是我的一些经验. co ...

  4. ACM竞赛之输入输出

    http://acm.njupt.edu.cn/acmhome/problemdetail.do?id=1083&method=showdetail 比赛描述 字符串的输入输出处理. 输入 第 ...

  5. 豆瓣api之OAuth认证

    豆瓣api通过OAuth允许第三方应用访问用户数据,所以OAuth认证就是我们整个project的基础了. OAuth认证听起来挺神秘,其实挺简单的. 现在的大型网站的开放平台的认证几乎都是采用OAu ...

  6. 2014年最新的辛星html、css教程打包公布了，免积分，纯PDF（还有PHP奥）

    首先说一下,这个教程是我的全部的博客的精华,我整理了两天之后才做出的这个pdf文档,累死我了,以下免积分给大家,希望大家可以不吝指正,提出它的一些不足什么的,谢谢啦: 以下就是它的下载地址了:2014 ...

  7. 【百度地图API】如何制作一张魔兽地图！！——CS地图也可以，哈哈哈

    原文:[百度地图API]如何制作一张魔兽地图!!--CS地图也可以,哈哈哈 摘要: 你玩魔兽不?你知道如何做一张魔兽地图不?! 快来看此文吧! ---------------------------- ...

  8. Webserver管理系列：3、Windows Update

    微软的操作系统可以使用用户过程中发现了一些漏洞,因此,他们经常发布一些系统补丁.因此,我们需要自己主动安装更新功能后,打开系统. 默认的更新功能未开启自己主动: 开启自己主动更新功能后.Windows ...

  9. windows下利用OpenVPN搭建VPNserver

    一.OpenVPN是一款功能强大,可跨平台(支持Win 2000/XP/2003, Linux, Mac OS X, Solaris, FreeBSD, NetBSD, 和 OpenBSD)使用的SS ...

  10. SSAS系列——【07】多维数据（查询Cube）

    原文:SSAS系列——[07]多维数据(查询Cube) 1.什么是MDX? MDX叫做"多维表达式",是一种查询语言,是一种和SQL类似的查询语言,它基于 XML for Anal ...