Curriculum

JavaScript Basic

JSHome

0/216

JS Versions

0/36

JS Objects

0/15

JS Funtions

0/22

JS Classes

0/3

JS Async

0/10

JS HTML DOM

0/25

JS Browser BOM

0/17

JS Web APIs

0/7

JS AJAX

0/11

JS JSON

0/16

JS vs jQuery

0/4

JS Graphics

0/7

Text lesson

JS Navigator

The window.navigator object holds details about the visitor’s browser.

Window Navigator

The navigator object can be used without the window prefix.

Here are some examples:

navigator.cookieEnabled
navigator.appCodeName
navigator.platform

Browser Cookies

The cookieEnabled property returns true if cookies are enabled, and false if they are not.

Example

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

<script>
document.getElementById(“demo”).innerHTML =
“cookiesEnabled is “ + navigator.cookieEnabled;
</script>

Browser Application Name

The appName property returns the name of the browser’s application.

Example

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

<script>
document.getElementById(“demo”).innerHTML =
“navigator.appName is “ + navigator.appName;
</script>

Browser Application Code Name

The appCodeName property returns the browser’s application code name.

Example

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

<script>
document.getElementById(“demo”).innerHTML =
“navigator.appCodeName is “ + navigator.appCodeName;
</script>

The Browser Engine

The product property returns the name of the browser engine’s product.

Example

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

<script>
document.getElementById(“demo”).innerHTML =
“navigator.product is “ + navigator.product;
</script>

The Browser Version

The appVersion property provides version details about the browser.

Example

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

<script>
document.getElementById(“demo”).innerHTML = navigator.appVersion;
</script>

The Browser Agent

The userAgent property returns the user-agent string that the browser sends to the server.

Example

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

<script>
document.getElementById(“demo”).innerHTML = navigator.userAgent;
</script>

Warning:
The information provided by the navigator object can often be inaccurate.

It is not recommended to use the navigator object for detecting browser versions because:

Different browsers may share the same name.
The browser owner can modify the navigator data.
Some browsers may misidentify themselves to bypass site tests.
Browsers cannot report operating systems that were released after the browser.

The Browser Platform

The platform property returns the operating system of the browser’s platform.

Example

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

<script>
document.getElementById(“demo”).innerHTML = navigator.platform;
</script>

The Browser Language

The language property returns the language set in the browser.

Example

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

<script>
document.getElementById(“demo”).innerHTML = navigator.language;
</script>

Is The Browser Online?

The onLine property returns true if the browser is connected to the internet.

Example

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

<script>
document.getElementById(“demo”).innerHTML = navigator.onLine;
</script>

Is Java Enabled?

The javaEnabled() method returns true if Java is enabled in the browser.

Example

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

<script>
document.getElementById(“demo”).innerHTML = navigator.javaEnabled();
</script>