JS Navigator

JS Tutorial

JS Version

JS Objects

JS Function

JS Classes

JS Async

JS HTML DOM

JS Browser BOM

JS Web API

JS AJAX

JS JSON

JS vs JQUERY

JS Graphics

JS Navigator

The window.navigator object consists of information related to the visitor’s browser.

Window Navigator

The window.navigator object can be written without the window prefix.

  • Some examples:
  • appName
  • appCodeName
  • platform

Browser Cookies

The cookieEnabled property returns true if cookies are enabled, otherwise false:

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The cookieEnabled property returns true if cookies are enabled:</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML =

“navigator.cookieEnabled is ” + navigator.cookieEnabled;

</script>

</body>

</html>

Output

The Navigator Object

The cookieEnabled property returns true if cookies are enabled:

Browser Application Name

The appName property is used return the application name of the browser.

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The appName property returns the application name of the browser:</p>

<p id=”demo”></p>

<p>Strange enough, “Netscape” is the application name for IE11, Chrome, Firefox, and Safari.</p>

<script>

document.getElementById(“demo”).innerHTML =

“navigator.appName is ” + navigator.appName;

</script>

</body>

</html>

Output

The Navigator Object

The appName property returns the application name of the browser:

navigator.appName is Netscape

Strange enough, "Netscape" is the application name for IE11, Chrome, Firefox, and Safari.

Browser Application Code Name

The appCodeName property is used to return the application code name of the browser.

Example

<!DOCTYPE html>

<html>

<body>

<h2>JavaScript Navigator</h2>

<p>The appCodeName property returns the code name of the browser.</p>

<p>Do not rely on it! “Mozilla” is the application code name for Chrome, Firefox, IE, Safari, and Opera.</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML =

“navigator.appCodeName is ” + navigator.appCodeName;

</script>

</body>

</html>

Output

JavaScript Navigator

The appCodeName property returns the code name of the browser.

Do not rely on it! "Mozilla" is the application code name for Chrome, Firefox, IE, Safari, and Opera.

navigator.appCodeName is Mozilla

The Browser Engine

The product property is used to return the product name of the browser engine:

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The product property returns the product name of the browser.</p>

<p>Do not rely on it! Most browsers return “Gecko” as the roduct name!</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML =

“navigator.product is ” + navigator.product;

</script>

</body>

</html>

Output

The Navigator Object

The product property returns the product name of the browser.

Do not rely on it! Most browsers return "Gecko" as the roduct name!

navigator.product is Gecko

The Browser Version

The appVersion property is used to return version information about the browser:

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The appVersion property returns version information about the browser:</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML = navigator.appVersion;

</script>

</body>

</html>

Output

The Navigator Object

The appVersion property returns version information about the browser:

5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.25

The Browser Agent

The userAgent property is used to return the user-agent header sent by the browser to the server.

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The userAgent property returns the user-agent header sent by the browser to the server:</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML =

navigator.userAgent;

</script>

</body>

</html>

Output

The Navigator Object

The userAgent property returns the user-agent header sent by the browser to the server:

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 Edg/105.0.1343.25

The Browser Platform

The platform property is used to return the browser platform (operating system).

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The platform property returns the browser platform (operating system):</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML =

“navigator.platform is ” + navigator.platform;

</script>

</body>

</html>

Output

The Navigator Object

The platform property returns the browser platform (operating system):

navigator.platform is Win32

The Browser Language

The language property is used to return the browser’s language.

Example

<!DOCTYPE html>

<html>

<body>

<h2>The Navigator Object</h2>

<p>The language property returns the browser’s language:</p>

<p id=”demo”></p>

<script>

document.getElementById(“demo”).innerHTML =

“navigator.language is ” + navigator.language;

</script>

</body>

</html>

Output

The Navigator Object

The language property returns the browser's language:

navigator.language is en-US