JavaScript – Navigator Object


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.

Advertisements

”;

Leave a Reply

Your email address will not be published. Required fields are marked *