Animations

API

Arrays

Async

Basics

Challenges

Classes

Console

Dates

Debugging

DOM Elements

DOM Methods

DOM Navigation

DOM Properties

Event Listeners

Flow Control

Forms

Functions

Global Functions

JSON

Keywords

Libraries (3rd party)

Math

Modules

Objects

Snippets

String

Types

Widgets

Window Object

JavaScript - Navigator

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

Common examples are:

  • window.navigator.appName returns name of browser
  • window.navigator.appCodeName returns name of browser
  • window.navigator.platform returns the browser platform (operating system)
  • window.navigator.product returns the engine name of the browser
  • window.navigator.cookieEnabled (boolean)
  • window.navigator.appVersion returns version information about the browser
  • window.navigator.userAgent returns version information about the browser
  • window.navigator.language returns the browser's language
  • window.navigator.javaEnabled() (method / boolean) returns true if Java is enabled

Chrome, Firefox, IE, Safari, and Opera all return appCodeName "Mozilla". IE11, Chrome, Firefox, and Safari return appName "Netscape".

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

let Navigator =
{
    appName: window.navigator.appName,
    appCodeName: window.navigator.appCodeName,
    appVersion: window.navigator.appVersion,
    platform: window.navigator.platform,
    product: window.navigator.product,
    cookieEnabled: window.navigator.cookieEnabled,
    userAgent: window.navigator.userAgent,
    language: window.navigator.language,
    javaEnabled: window.navigator.javaEnabled
}

let results = "";
results += "appName: " + Navigator.appName + "<br />";
results += "appCodeName: " + Navigator.appCodeName + "<br />";
results += "appVersion: " + Navigator.appVersion + "<br />";
results += "platform: " + Navigator.platform + "<br />";
results += "product: " + Navigator.product + "<br />";
results += "cookieEnabled: " + Navigator.cookieEnabled + "<br />";
results += "userAgent: " + Navigator.userAgent + "<br />";
results += "language: " + Navigator.language + "<br />";
results += "javaEnabled: " + Navigator.javaEnabled + "<br />";

document.getElementById("demo1").innerHTML = results;