JavaScript navigator Object

Written by Swapnil RajaPublished 24 Aug 2026

navigator describes the browser and device running the page.

It is mostly used to check what the browser can do, not what it is.

Checking for a feature directly is more reliable than checking the browser's name.

Example

javascript

console.log(typeof navigator.onLine);
console.log(typeof navigator.language);

The output is boolean then string.

Useful Properties

onLine - whether the browser believes it has a connection.

language - the browser's preferred language.

clipboard and geolocation - access to device features.

PreviousJavaScript history Object NextJavaScript Modules

Example

javascript

console.log(typeof navigator.onLine);

window.addEventListener("online", function () {
  console.log("back online");
});
window.addEventListener("offline", function () {
  console.log("lost the connection");
});

Complete Example

html

<!DOCTYPE html>
<html>
<head>
  <title>JavaScript navigator Object</title>
</head>
<body>

  <h1>The navigator Object</h1>

  <p id="out"></p>

  <script>
    const out = document.getElementById("out");

    out.innerHTML =
      "Online: " + navigator.onLine +
      "<br>Language: " + navigator.language +
      "<br>Clipboard supported: " + (typeof navigator.clipboard !== "undefined");

    window.addEventListener("offline", function () {
      out.textContent = "You are offline";
    });
  </script>

</body>
</html>

JavaScript navigator Object

Example

Useful Properties

Syntax

Checking the Connection

Example

Reading the Language

Example

Feature Detection, Not Browser Detection

Example

Copying to the Clipboard

Example

Avoid userAgent Sniffing

Example

Complete Example

Try It Yourself

Important Points

Conclusion