Tuesday 15 August 2017

JavaScript Window Navigator

The window.navigator object contains information about the visitor's browser.

Window Navigator

The window.navigator object can be written without the window prefix.
Some examples:
  • navigator.appName
  • navigator.appCodeName
  • navigator.platform

Browser Cookies

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

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>
Try it Yourself »

Browser Application Name

The appName property returns the application name of the browser:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>
Try it Yourself »
Strange enough, "Netscape" is the application name for both IE11, Chrome, Firefox, and Safari.


Browser Application Code Name

The appCodeName property returns the application code name of the browser:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>
Try it Yourself »
"Mozilla" is the application code name for both Chrome, Firefox, IE, Safari, and Opera.

The Browser Engine

The product property returns the product name of the browser engine:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>
Try it Yourself »
Do not rely on this. Most browsers returns "Gecko" as product name !!

The Browser Version

The appVersion property returns version information about the browser:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
Try it Yourself »

The Browser Agent

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

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>
Try it Yourself »

Warning !!!

The information from the navigator object can often be misleading, and should not be used to detect browser versions because:
  • Different browsers can use the same name
  • The navigator data can be changed by the browser owner
  • Some browsers misidentify themselves to bypass site tests
  • Browsers cannot report new operating systems, released later than the browser

The Browser Platform

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

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>
Try it Yourself »

The Browser Language

The language property returns the browser's language:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>
Try it Yourself »

Is The Browser Online?

The onLine property returns true if the browser is online:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>
Try it Yourself »

Is Java Enabled?

The javaEnabled() method returns true if Java is enabled:

Example

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>
Try it Yourself »

No comments:

Post a Comment