JavaScript - Navigator Object

Window Navigator Object

The navigator object in JavaScript is used to access the information of the user's browser. Using the 'navigator' object, you can get the browser version and name and check whether the cookie is enabled in the browser.

The 'navigator' object is a property of the window object. The navigator object can be accessed using the read-only window.navigator property.

Navigator Object Properties

There are many properties of navigator object that can be used to access the information about the user's browser.

Syntax

Follow the syntax below to use to access a property of navigator object in JavaScript.

window.navigator.proeprty;
OR
navigator.property;

You may use the 'window' object to access the 'navigator' object.

Here, we have listed all properties of the Navigator object.

Property	Description
appName	It gives you a browser name.
appVersion	It gives you the browser version.
appCodeName	It gives you the browser code name.
cookieEnabled	It returns a boolean value based on whether the cookie is enabled.
language	It returns the browser language. It is supported by Firefox and Netscape only.
plugins	It returns the browser plugins. It is supported by Firefox and Netscape only.
mimeTypes[]	It gives you an array of Mime types. It is supported by Firefox and Netscape only.
platform	It gives you a platform or operating system in which the browser is used.
online	Returns a boolean value based on whether the browser is online.
product	It gives you a browser engine.
userAgent	It gives you a user-agent header of the browser.

Example: Accessing Navigator Object Properties

We used the different properties in the below code to get the browser information.

The appName property returns the browser's name, appCodeName returns the code name of the browser, appVersion returns the browser's version, and the cookieEnabled property checks whether the cookies are enabled in the browser.

<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>

Output

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

In the example below, we accessed the navigator object as a property of the window object. Then we accessed different properties of this navigator object.

<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>

Output

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

The Navigator object contains only one method.

Method	Description
javaEnabled()	It checks whether the Java is enabled in the web browser.

Example: Navigator javaEnabled() Method

In the below code, we used the javaEnabled() method of the navigator object to check whether the java is enabled in the browser.

<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>

Output

Please, enable the Java!

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