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與給定的名字進行比較。

    /**
     * 檢測瀏覽器中是否存在此插件（在IE中無效）
     * @param 插件名 name
     * @return boolean 存在插件返回true，否則返回false
     */
    function hasPlugin (name) {
        name = name.toLowerCase();
        for (var i = 0; i < navigator.plugins.length; i++) {
            if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {
                return true;
            }
        }
        return false;
    }

而檢測IE中的插件比較麻煩，因為IE不支持Netscape式的插件。在IE中檢測插件的唯一方式就是使用專有的ActiveXObject類型，並嘗試創建一個特定插件的實例。IE是以COM對象的方式實現插件的，而COM對象使用唯一標識符來標識。因此，要想檢查特定的插件，就必須知道其COM標識符。例如，Flash的標識符是ShockwaveFlash.ShockwaveFlash。知道唯一標識符之后，就可以編寫類似下面的函數來檢測IE中是否安裝相應的插件了。

    /**
     * 檢測IE中的插件
     * @param 插件名 name
     * @return boolean 存在插件返回true，否則返回false
     */
    function hasIEPlugin (name) {
        try {
            new ActiveXObject(name);
            return true;
        } catch (ex) {
            return false;
        }
    }

鑒於檢測這兩種插件的方法差別太大，因此典型的做法是針對每個插件分別創建檢測函數，而不是使用前面介紹的通用檢測方法。來看下面的例子。

/**
 * 檢測瀏覽器中是否存在此插件（在IE中無效）
 * @param 插件名 name
 * @return boolean 存在插件返回true，否則返回false
 */
function hasPlugin (name) {
    name = name.toLowerCase();
    for (var i = 0; i < navigator.plugins.length; i++) {
        if (navigator.plugins[i].name.toLowerCase().indexOf(name) > -1) {
            return true;
        }
    }
    return false;
}

/**
 * 檢測IE中的插件
 * @param 插件名 name
 * @return boolean 存在插件返回true，否則返回false
 */
function hasIEPlugin (name) {
    try {
        new ActiveXObject(name);
        return true;
    } catch (ex) {
        return false;
    }
}

// 檢測所有瀏覽器中的Flash
function hasFlash () {
    // return hasPlugin("Flash") || hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
    var result = hasPlugin("Flash");
    if (!result) {
        result = hasIEPlugin("ShockwaveFlash.ShockwaveFlash");
    }
    return result;
}

// 檢測所有瀏覽器中的QuickTime
function hasQuickTime () {
    // return hasPlugin("QuickTime") || hasIEPlugin("QuickTime.QuickTime");
    var result = hasPlugin("QuickTime");
    if (!result) {
        reseult = hasIEPlugin("QuickTime.QuickTime");
    }
    return result;
}

alert(hasFlash());        // 檢測瀏覽器是否有Flash插件
alert(hasQuickTime())    // 檢測瀏覽器是否有QuickTime插件

 

 

 

 

 

（注：本文摘自：《JavaScript高級程序設計》第3版，第8章，8.3 navigator對象  p210）