JavaScript

   


瀏覽器 (navigator)


瀏覽器

瀏覽器物件提供了瀏覽器的資訊, 例如。

下表列出瀏覽器物件的屬性:

屬性 說明
appCodeName 它的值多數是 "Mozilla"
appName 軟件名稱
appVersion 版本資訊
userAgent 在 HTTP 傳輸協定中的 user-agent 字串
mimeTypes[ ] 瀏覽器支援的 MIME 型態 (IE 不支援)
plugins[ ] 外加元件 (Plug-in) 資料 (IE 不支援)

說明:

  • NN 和 Opera 都支援 mimeTypes[ ] 和 plugins[ ] , 但 IE 不支援
  • appVersion 的格式:
    release_number (platform ; country)
    • release_number 是瀏覽器的版本; platform 是瀏覽器所運作的平台; country 只有兩個值, 第一是 "I" , 代表國際分發版本, 第二是 "U", 代表美國本土分發版本。 留意 IE 的格式是有些不同的。

例子:顯示瀏覽器物件的屬性

<script>
document.write("<br>navigator.appCodeName = " + navigator.appCodeName);
document.write("<br>navigator.appName = " + navigator.appName);
document.write("<br>navigator.appVersion = " + navigator.appVersion);
document.write("<br>navigator.userAgent = " + navigator.userAgent);
</script>

老師用 中文 Windows 98 的測試結果:

IE 5
中文版
appCodeName Mozilla
appName Microsoft Internet Explorer
appVersion 4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
userAgent Mozilla/4.0 (compatible; MSIE 5.0; Windows 98; DigExt)
NN 4.6
英文版
appCodeName Mozilla
appName Netscape
appVersion 4.61 [en] (Win98; I)
userAgent Mozilla/4.61 [en]
Opera 3.6
英文版
appCodeName Mozilla
appName Netscape
appVersion 3.0 (Win95; I)
userAgent Mozilla/3.0 (Windows 4.10;US) Opera 3.60 __ [en]

偵測瀏覽器

例子:偵測瀏覽器的軟件名稱和版本

<script>
var appname = navigator.appName;
var appversion = navigator.appVersion;
var browser = "";

if (appname.indexOf("Microsoft") != -1)
browser = "ie";
else if (appname.indexOf("Netscape") != -1)
browser = "nn";

browser += parseInt(appversion)
alert("Your browser is " + browser)
</script>

 

物件偵測法

偵測瀏覽器是否支援某個物件。 例如我們想知道某個瀏覽器是否支援 Image 物件, 我們一般會偵測瀏覽器的名稱和版本, 如果是 IE 3 和 NN2 就不要運用 Image 物件, 但如果用物件偵測法 (Object Detection) , 就可以更直接知道該瀏覽器是否支援 Image 物件, 而不用偵測覽器的名稱和版本。

例子: 偵測瀏覽器是否支援 Image 物件

<script>
if (document.images) alert("Your broswer supports Image object")
else alert("Your browser does not support Image object")
</script>

例子說明:

  • 如果瀏覽器支援 Image 物件, 即是物件已被定義, 那麼 document.images 就會傳 true 。

以下是常用的物件偵測法:

物件偵測法 瀏覽器
document.images NN3+ , IE4+
!document.images NN2 , IE3
document.layers NN4+
document.all IE4+
document.layers || document.all NN4+ , IE4+

 







[到頁頂] [首頁] [速查表]