JavaScript - Navigator 物件

Window Navigator 物件

JavaScript 中的navigator物件用於訪問使用者資訊的瀏覽器資訊。使用 'navigator' 物件，您可以獲取瀏覽器版本和名稱，並檢查瀏覽器中是否啟用了 Cookie。

'navigator' 物件是window物件的屬性。可以使用只讀屬性window.navigator訪問 navigator 物件。

Navigator 物件屬性

navigator 物件有很多屬性，可用於訪問有關使用者瀏覽器的資訊。

語法

請遵循以下語法，以便在 JavaScript 中訪問 navigator 物件的屬性。

window.navigator.proeprty;
OR
navigator.property;

您可以使用 'window' 物件訪問 'navigator' 物件。

這裡列出了 Navigator 物件的所有屬性。

屬性	描述
appName	提供瀏覽器名稱。
appVersion	提供瀏覽器版本。
appCodeName	提供瀏覽器程式碼名稱。
cookieEnabled	根據 Cookie 是否啟用返回布林值。
language	返回瀏覽器語言。僅 Firefox 和 Netscape 支援。
plugins	返回瀏覽器外掛。僅 Firefox 和 Netscape 支援。
mimeTypes[]	提供 Mime 型別陣列。僅 Firefox 和 Netscape 支援。
platform	提供使用瀏覽器的平臺或作業系統。
online	根據瀏覽器是否線上返回布林值。
product	提供瀏覽器引擎。
userAgent	提供瀏覽器的使用者代理標頭。

示例：訪問 Navigator 物件屬性

我們在下面的程式碼中使用了不同的屬性來獲取瀏覽器資訊。

appName 屬性返回瀏覽器的名稱，appCodeName 返回瀏覽器的程式碼名稱，appVersion 返回瀏覽器的版本，cookieEnabled 屬性檢查瀏覽器中是否啟用了 Cookie。

<html>
<body>  
   <p> Browser Information</p>
   <p id = "demo"> </p>
   <script>
      document.getElementById("demo").innerHTML = 
      "App Name: " + navigator.appName + "<br>" +
      "App Code Name: " + navigator.appCodeName + "<br>" +
      "App Version: " + navigator.appVersion + "<br>" +
      "Cookie Enabled: " + navigator.cookieEnabled + "<br>" +
      "Language: " + navigator.language + "<br>" + 
      "Plugins: " + navigator.plugins + "<br>" +
      "mimeTypes[]: " + navigator.mimeTypes + "<br>" +
      "platform: " + navigator.platform + "<br>" +
      "online: " + navigator.online + "<br>" +
      "product: " + navigator.product + "<br>" +   
      "userAgent: " + navigator.userAgent;
  </script>
  <p>Please note you may get different result depending on your browser. </p>
</body>
</html>

輸出

Browser Information

App Name: Netscape
App Code Name: Mozilla
App Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Cookie Enabled: true
Language: en-US
Plugins: [object PluginArray]
mimeTypes[]: [object MimeTypeArray]
platform: Win32
online: undefined
product: Gecko
userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Please note you may get different result depending on your browser.

示例

在下面的示例中，我們訪問了作為 window 物件屬性的 navigator 物件。然後我們訪問了這個 navigator 物件的不同屬性。

<html>
<body>  
   <p> Browser Information</p>
   <p id = "demo"> </p>
   <script>
	  document.getElementById("demo").innerHTML = 
	  "App Name: " + window.navigator.appName + "<br>" +
	  "App Code Name: " + window.navigator.appCodeName + "<br>" +
	  "App Version: " + window.navigator.appVersion + "<br>" +
	  "Cookie Enabled: " + window.navigator.cookieEnabled + "<br>" +
	  "Language: " + window.navigator.language + "<br>" + 
	  "Plugins: " + window.navigator.plugins + "<br>" +
	  "mimeTypes[]: " + window.navigator.mimeTypes + "<br>" +
	  "platform: " + window.navigator.platform + "<br>" +
	  "online: " + window.navigator.online + "<br>" +
	  "product: " + window.navigator.product + "<br>" +   
	  "userAgent: " + window.navigator.userAgent;
  </script>
  <p>Please note you may get different result depending on your browser. </p>
</body>
</html>

輸出

Browser Information

App Name: Netscape
App Code Name: Mozilla
App Version: 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36
Cookie Enabled: true
Language: en-US
Plugins: [object PluginArray]
mimeTypes[]: [object MimeTypeArray]
platform: Win32
online: undefined
product: Gecko
userAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Please note you may get different result depending on your browser.

JavaScript Navigator 物件方法

Navigator 物件只包含一個方法。

方法	描述
javaEnabled()	檢查 Web 瀏覽器中是否啟用了 Java。

示例：Navigator javaEnabled() 方法

在下面的程式碼中，我們使用了 navigator 物件的 javaEnabled() 方法來檢查瀏覽器中是否啟用了 Java。

<html>
<body>
   <p id = "output"> </p>
   <script>
      const output = document.getElementById("output");
      if (navigator.javaEnabled()) {
         output.innerHTML += "Java is enabled in the browser!";
      } else {
         output.innerHTML += "Please, enable the Java!";
      }
   </script>
   <p>Please note you may get different result depending on your browser. </p>
</body>
</html>

輸出

Please, enable the Java!

Please note you may get different result depending on your browser.

列印頁面