首页 > 代码库 > navigator，JS检测浏览器插件
navigator，JS检测浏览器插件
最早由Netscape Navigator 2.0引入的navigator对象，现在已经成为识别客户端浏览器的事实标准。虽然其它浏览器也通过其它方式提供了相同或相似的信息（例如，IE中的window.clientInformation和Opera中的window.opera），但navigator对象却是所有支持JavaScript的浏览器所共有的。与其它BOM对象的情况一样，每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法，以及支持它们的浏览器版本。
| 属性或方法 | 说明 | IE | FireFox | Safari/Chrome | Opera |
|---|---|---|---|---|---|
appCodeName | 返回浏览器的名称，通常是Mozilla，即使在非Mozilla浏览器中也是如此 | 3.0+ | 1.0+ | 1.0+ | 7.0+ |
| appMinorVersion | 次版本信息 | 4.0+ | - | - | 9.5+ |
appName | 完整的浏览器名称 | 3.0+ | 1.0+ | 1.0+ | 7.0+ |
appVersion | 浏览器的版本，一般不与实际的浏览器版本对应 | 3.0+ | 1.0+ | 1.0+ | 7.0+ |
| buildID | 浏览器的编译版本 | - | 2.0+ | - | - |
cookieEnabled | 表示cookie是否启用 | 4.0+ | 1.0+ | 1.0+ | 7.0+ |
| cpuClass | 客户端计算机中使用的CPU类型（x86、68K、Alpha、PPC或other） | 4.0+ | - | - | - |
javaEnabled | 表示当前浏览器中是否启用了java | 4.0+ | 1.0+ | 1.0+ | 7.0+ |
| language | 浏览器的主语言 | - | 1.0+ | 1.0+ | 7.0+ |
mimeType | 在浏览器中注册的MIME类型数组 | 4.0+ | 1.0+ | 1.0+ | 7.0+ |
| onLine | 表示浏览器是否连接到因特网 | 4.0+ | 1.0+ | - | 9.5+ |
| opsProfile | 似乎早就不用了，查不到相关文档 | 4.0+ | - | - | - |
| oscpu | 客户端计算机使用的操作系统或使用的CPU | - | 1.0+ | - | - |
platform | 浏览器所在的系统平台 | 4.0+ | 1.0+ | 1.0+ | 7.0+ |
plugins | 浏览器中安装的插件信息的数组 | 4.0+ | 1.0+ | 1.0+ | 7.0+ |
| preference() | 设置用户的首选项 | - | 1.5+ | - | - |
| product | 产品名称（如Gecko） | - | 1.0+ | 1.0+ | - |
| productSub | 关于产品的次要信息（如Gecko的版本） | - | 1.0+ | 1.0+ | - |
| registerContentHandler() | 针对特定的MIME类型将一个站点注册为处理程序 | - | 2.0 | - | - |
| registerProtocolHandler() | 针对特定协议将一个站点注册为处理程序 | - | 2.0 | - | - |
| securityPolicy | 已经废弃。安全策略的名称。为了与Netscape Navigator 4向后兼容而保留下来 | - | 1.0+ | - | - |
| systemLanguage | 操作系统的语言 | 4.0+ | - | - | - |
| taintEnabled | 已经废弃。表示是否允许变量被修改(taint)。为了与Netscape Navigator 3向后兼容而保留下来 | 4.0+ | 1.0+ | - | 7.0+ |
userAgent | 浏览器的用户代理字符串 | 3.+ | 1.0+ | 1.0+ | 7.0+ |
| userLanguage | 操作系统的默认语言 | 4.0+ | - | - | 7.0+ |
| userProfile | 借以访问用户个人信息的对象 | 4.0+ | - | - | - |
| vendor | 浏览器的品牌 | - | 1.0+ | 1.0+ | - |
| vendorSub | 有关供应商的次要信息 | - | 1.0+ | 1.0+ | - |
表中的这些navigator对象的属性通常用于检测显示网页的浏览器类型。
检测插件
检测浏览器中是否安装了特定的插件是一种最常见的检例程。对于非IE浏览器可以使用plugins数组达到这个目的。该数组中的每一项都包含下列属性。
name: 插件名字
description: 插件的描述
filename: 插件的文件名
length: 插件所处理的MIME类型数量
一般来说，name属性中会包含检测插件必需的所有信息，但有时候也不完全如此。在检测插件时，需要像下面这样循环迭代每个插件并将插件的name与给定的名字进行比较。
1 /** 2 * 检测浏览器中是否存在此插件（在IE中无效） 3 * @param 插件名 name 4 * @return boolean 存在插件返回true，否则返回false 5 */ 6 function hasPlugin (name) { 7 name = name.toLowerCase(); 8 for (var i = 0; i < navigator.plugins.length; i++) { 9 if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {10 return true;11 }12 }13 return false;14 }
而检测IE中的插件比较麻烦，因为IE不支持Netscape式的插件。在IE中检测插件的唯一方式就是使用专有的ActiveXObject类型，并尝试创建一个特定插件的实例。IE是以COM对象的方式实现插件的，而COM对象使用唯一标识符来标识。因此，要想检查特定的插件，就必须知道其COM标识符。例如，Flash的标识符是ShockwaveFlash.ShockwaveFlash。知道唯一标识符之后，就可以编写类似下面的函数来检测IE中是否安装相应的插件了。
1 /** 2 * 检测IE中的插件 3 * @param 插件名 name 4 * @return boolean 存在插件返回true，否则返回false 5 */ 6 function hasIEPlugin (name) { 7 try { 8 new ActiveXObject(name); 9 return true;10 } catch (ex) {11 return false;12 }13 }
鉴于检测这两种插件的方法差别太大，因此典型的做法是针对每个插件分别创建检测函数，而不是使用前面介绍的通用检测方法。来看下面的例子。
1 /** 2 * 检测浏览器中是否存在此插件（在IE中无效） 3 * @param 插件名 name 4 * @return boolean 存在插件返回true，否则返回false 5 */ 6 function hasPlugin (name) { 7 name = name.toLowerCase(); 8 for (var i = 0; i < navigator.plugins.length; i++) { 9 if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {10 return true;11 }12 }13 return false;14 }15 16 /**17 * 检测IE中的插件18 * @param 插件名 name19 * @return boolean 存在插件返回true，否则返回false20 */21 function hasIEPlugin (name) {22 try {23 new ActiveXObject(name);24 return true;25 } catch (ex) {26 return false;27 }28 }29 30 // 检测所有浏览器中的Flash31 function hasFlash () {32 // return hasPlugin("Flash") || hasIEPlugin("ShockwaveFlash.ShockwaveFlash");33 var result = hasPlugin("Flash");34 if (!result) {35 result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");36 }37 return result;38 }39 40 // 检测所有浏览器中的QuickTime41 function hasQuickTime () {42 // return hasPlugin("QuickTime") || hasIEPlugin("QuickTime.QuickTime");43 var result = hasPlugin("QuickTime");44 if (!result) {45 reseult = hasIEPlugin("QuickTime.QuickTime");46 }47 return result;48 }49 50 alert(hasFlash()); // 检测浏览器是否有Flash插件51 alert(hasQuickTime()) // 检测浏览器是否有QuickTime插件
（注：本文摘自：《JavaScript高级程序设计》第3版，第8章，8.3 navigator对象 p210）
navigator，JS检测浏览器插件