Javascript 简明教程

JavaScript - Navigator Object

Window Navigator Object

navigator 对象在 JavaScript 中用于访问用户浏览器的信息。使用 'navigator' 对象,你可以获取浏览器的版本和名称,并检查浏览器中是否启用了 Cookie。

'navigator' 对象是 Window 对象的一个属性。可以使用只读属性 window.navigator 访问导航器对象。

Navigator Object Properties

Navigator 对象有很多属性,可用于访问有关用户浏览器的信息。

Syntax

按照以下语法访问 JavaScript 中 Navigator 对象的属性。

window.navigator.proeprty;
OR
navigator.property;

你可以使用 'window' 对象访问 'navigator' 对象。

在此,我们列出了 Navigator 对象的所有属性。

Property

Description

appName

它提供了浏览器名称。

appVersion

它提供了浏览器版本。

appCodeName

它提供了浏览器代码名称。

cookieEnabled

它根据启用 Cookie 与否返回布尔值。

language

它返回浏览器语言。仅 Firefox 和 Netscape 支持此功能。

plugins

它返回浏览器插件。仅 Firefox 和 Netscape 支持此功能。

mimeTypes[]

它提供了 MIME 类型数组。仅 Firefox 和 Netscape 支持此功能。

platform

它提供了用于浏览器的平台或操作系统。

online

根据浏览器是否联机返回布尔值。

product

它提供了浏览器引擎。

userAgent

它提供了浏览器的用户代理头。

Example: Accessing Navigator Object Properties

我们使用下面的代码中的不同属性来获取浏览器信息。

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.

Example

在下面的示例中,我们以 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 Object Methods

Navigator 对象只包含一个方法。

Method

Description

javaEnabled()

它检查 Web 浏览器中是否启用了 Java。

Example: Navigator javaEnabled() Method

在下面的代码中,我们使用 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.