码迷,mamicode.com
首页 > Web开发 > 详细

navigator,JS检测浏览器插件

时间:2015-01-24 13:02:25      阅读:381      评论:0      收藏:0      [点我收藏+]

标签:

最早由Netscape Navigator 2.0引入的navigator对象,现在已经成为识别客户端浏览器的事实标准。虽然其它浏览器也通过其它方式提供了相同或相似的信息(例如,IE中的window.clientInformation和Opera中的window.opera),但navigator对象却是所有支持JavaScript的浏览器所共有的。与其它BOM对象的情况一样,每个浏览器中的navigator对象也都有一套自己的属性。下表列出了存在于所有浏览器中的属性和方法,以及支持它们的浏览器版本。

属性或方法说明IEFireFoxSafari/ChromeOpera
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 插件名 name
19  * @return boolean 存在插件返回true,否则返回false
20  */
21 function hasIEPlugin (name) {
22     try {
23         new ActiveXObject(name);
24         return true;
25     } catch (ex) {
26         return false;
27     }
28 }
29 
30 // 检测所有浏览器中的Flash
31 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 // 检测所有浏览器中的QuickTime
41 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检测浏览器插件

标签:

原文地址:http://www.cnblogs.com/wuyuchang/p/4245621.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!