JavaScript Window Navigator

The window.navigator object is used for detection of information related to the browser. It gives information about browser like plugins, platform, appCodeName, appVersion, etc.

Although the data provided by the navigator is not always correct. The browser owners can manipulate the data of the navigator. Many browser have same Codenames so people can get confused also. But it can be used wisely and some of the information can be retrieved.


Detect Browser (Online or Offline)

The navigator.onLine property can be used to detect whether the browser is online or offline. It returns Boolean values, i.e. 'true' means online and 'false' means offline.

In the example below, an online condition is tested which will result in any of the two responses from the browser.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Window Navigator Detect Online </title>
</head>
<body>
<script>
function checkConnectionStatus() {
if(navigator.onLine) {
alert("Application is online.");
} else {
alert("Application is offline.");
}
}
</script>
<button type="button" onclick="checkConnectionStatus();">Check Connection Status</button>
</body>
</html>

Output

JavaScript Window Navigator Detect Online

Check Browser Cookie

The navigator.cookieEnabled can be used to check if the cookies are enabled in the browser or not. It also return a Boolean value,i.e. 'true' if cookies are enabled and 'false' if not.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Window Navigator Detect Cookie </title>
</head>
<body>
<script>
function checkCookieEnabled() {
if(navigator.cookieEnabled) {
alert("Cookies are enabled in your browser.");
} else {
alert("Cookies are disabled in your browser.");
}
}
</script>
<button type="button" onclick="checkCookieEnabled();">Check If Cookies are Enabled</button>
</body>
</html>

Output

JavaScript Window Navigator Detect Cookie

Detect Browser Language

The navigator.language property is used to detect the language used in the browser.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Window Navigator Detect Browser Language </title>
</head>
<body>
<script>
function checkLanguage() {
alert("Your browser's UI language is: " + navigator.language);
}
</script>
<button type="button" onclick="checkLanguage();">Check Language</button>
</body>
</html>

Output

JavaScript Window Navigator Detect Browser Language

Navigator Object Methods

Property Description
appName It returns the browser name.
appVersion It returns the browser version.
appCodeName It returns browser's code name
cookieEnabled It checks cookie's status in the browser.
userAgent It returns the user agent.
language It returns the browser's language.
plugins It returns the plugins used in the browser.
mimeTypes[] It returns the array of mime type.
platform It returns the platform, ex. Win32.
onLine It returns the browser's online/offline status.
javaEnabled() Checks if java is enabled.
taintEnabled() Checks if taint is enabled.

Methods of JavaScript navigator object

Below is the example of all the navigator objects together, you can easily understand all of them just by looking at the example. Have a look at it, and read the information about your browser.


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> JavaScript Window Navigator Detect Browser Details </title>
</head>
<body>
<script>
function getBrowserInformation() {
var info = "\n App Name: " + navigator.appName;
info += "\n App Version: " + navigator.appVersion;
info += "\n App Code Name: " + navigator.appCodeName;
info += "\n User Agent: " + navigator.userAgent;
info += "\n Platform: " + navigator.platform;
info += "\n JavaScript Enable: " + navigator.javaEnabled();
info += "\n Cookie Enable: " + navigator.cookieEnabled;
info += "\n Language: " + navigator.language;
info += "\n Online: " + navigator.onLine;
info += "\n Plugins: " + navigator.plugins;
alert("Here're the information related to your browser: " + info);
}
</script>
<button type="button" onclick="getBrowserInformation();">Get Browser Information</button>
</body>
</html>

Output

JavaScript Window Navigator Detect Browser Details



Color Picker

List of color names supported by all browser »



Character Code

List of character codes to display special character »



Language Code

List of all language supported by all browser »



Country Code

List of Country code supported by all browser »

Latest Updates

PHP Introduction

How to Run a PHP program in Xampp?

How can I create a phpinfo.php page?

How to Define a Variable in PHP

PHP Echo and Print Statements

Working with PHP Operators

Understanding the PHP Data Types

How to Write Comments in PHP

How to Define a Constant in PHP

PHP if...else...elseif Statements