SnipBits

How to detect Network Status in Javascript

navigator.onLine returns the online status of the browser. The Property returns a Boolean Value, true mean that you are online and false mean that you are offline .

many huge pushs are made the last few years to make offline browsing more amusing.

navigator.onLine

you can query navigator.onLine, which returns true or false depending on whether the user is online or not

or we can hook into the online and offline events of the window object to listen for when the network status changes to either online or offline

window.addEventListener("offline", () => {
  // online
});
window.addEventListener("online", () => {
  // offline
});

Maher Gallaoui

You like our Content? Follow us to stay up-to-date.