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類型（x8六、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）