回前頁

瀏覽器判斷：navigator 物件的使用

navigator 物件
執行瀏覽器判斷當然要用 Script ，當你的 DHTML 需要知道瀏覽器的相關資訊， 以決定下一步網頁動作時，你就要在網頁的 Script 敘述中向瀏覽器發問。問什麼？ 當然是問你是那種瀏覽器啊，現在的你是第幾版啊。問題是怎麼問？好問題，在瀏覽器 中有個物件叫 navigator (IE and NS 都叫這個名字，總算有點良心。)，是儲存了 所有瀏覽器的相關資訊，專門負責回答這方面問題的，所以要知道這份瀏覽器正被那種 瀏覽器閱讀，問 navigator 就對了。
問瀏覽器名字
大家學 DHTML 都知道，Explorer 和 Navigator 有時標準大大不同，搞不清楚 二者，常讓我們 Script 錯誤百出，所以第一問當然是問你是 IE 還是 NS 囉，所以 你可以在 Script 中這麼寫： 
var browser=navigator.appName;
如此一來，瀏覽器的名稱就存到 browser 這個變數裏，供你後面程式判斷之用囉， 想試執行結果請按 這裏，簡單吧。
問瀏覽器版本
瀏覽器規格的差異，不只在不同品牌的瀏覽器間，有時同品牌瀏覽器版本也大大 的不同，如 Layer 標籤 NS 只在 4.0 版以後支援，動態改變 style 物件只在 IE 4.0 以後支援，所以有時不只需要問瀏覽器名稱，還要瀏覽器目前是第幾版。不過這次 可不是問 appName 了，這次要問 appVersion，於是你依樣畫葫蘆： 
var version=navigator.appVersion;
執行結果請按 這裏。哇咧！不對啊，怎麼不是數字 1,2,3,4,5...？而是一堆又臭又長的字串。 你先別管對不對，問題是 IE 和 NS 都是這德行，這是他們軟體公司的慣例，因為所謂 3.0,4.0 只是統稱，裏面有分一大堆美加版、歐洲版、遠東版，不一大串怎麼記得完整？ 所以如果你只要 1,2,3,4 ，那你就： 
var version=parseFloat(navigator.appVersion);
意思是我不管你後面一堆有的沒的字串，我只要前面幾個數字字元轉換成浮點數即可， 執行結果請按 這裏。好了，好像得到理想的結果了，可是還有點小小的問題，那就是使用 IE5 的使用者心理可能有點嘀咕，明明我裝的是 IE5 啊，怎麼結果是 4 咧？原來 appVersion 的完整字串是： 
4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
/* 4.0 是指適用 Mozilla 4.0 規格，真正的版本號則跟在 MSIE 幾個字後。 */
Script 執行分向
好了，現在要取出 MSIE 的版本資訊面臨了兩大問題：
  1. IE 必須要使用 JavaScript 截字函數去取出 appVersion 中的版本資訊。
  2. IE 和 NS 的處理方式不一樣。
用函數截取字串雖然麻煩一點，但也不難，如我們可以： 
    var verString=navigator.appVersion;
    var pos=verString.indexOf("MSIE")+5;
    IEVersion=parseFloat(verString.substr(pos));
執行結果請按這裏， 你會發覺在 IE 裏對了，但 NS 裏結果是 "NaN"。這裡就要使用 Script 判斷的第二個 重要觀念，用判斷式執行分向動作，也就是依瀏覽器名稱做第一個判斷標準，來分別 執行不同的 Script 動作： 
var apname=navigator.appName;
var ver,str;

if (apname=="Netscape") {ver=parseFloat(navigator.appVersion);}
if (apname=="Microsoft Internet Explorer")
    {
        var verString=navigator.appVersion;
        var pos=verString.indexOf("MSIE")+5;
        ver=parseFloat(verString.substr(pos));
    }

if (!ver) {str="!!你用什麼怪瀏覽器啦，看不懂。!!"}
    else
    {str="你使用的瀏覽器是\n"+apname+"\n"+ver+" 版";}
alert(str);
執行結果請按這裏。
navigator 其他可用屬性
下面就是兩大瀏覽器在 navigator 大概擁有的屬性對照表，秉持著前面幾節的方法， 相信如何在其中取出你需要的屬性值，應該不再是難事才對。

瀏覽器 navigator 物件屬性對照表
Microsoft Internet Explorer 5.0 中文版 Netscape Navigator 4.5 中文版
appCodeName Mozilla appCodeName Mozilla
appMinorVersion 0 　 　
appName Microsoft Internet Explorer appName Netscape
appVersion 4.0 (compatible; MSIE 5.0; Windows 98; DigExt) appVersion 4.5 [zhtw]C-CCK-MCD [SEEDNet] (Win98; I)
cookieEnabled true 　 　
cpuClass x86 　 　
mimeTypes 　 mimeTypes 　
onLine true 　 　
opsProfile 　 　 　
platform Win32 platform Win32
plugins 　 plugins 　
systemLanguage zh-tw 　 　
　 　 securityPolicy Export policy
userAgent Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt) userAgent Mozilla/4.5 [zhtw]C-CCK-MCD [SEEDNet] (Win98; I)
userLanguage zh-tw language zhtw
userProfile 　 　 　
回前頁
1