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.

打印页面