Javascript Introduction
Comments in Javascript
Javascript Variables
Difference between var, let and const in Javascript
Datatypes
Assignment Operators
Logical Operators
Comparison Operators
Actions alert, prompt & confirm

Javascript Flow Control
Conditional Statements in Javascript
Nullish coalescing operator in Javascript
Break and Continue in Javascript
Loops in javascript
for loop in Javascript
while loop

Javascript Functions
Javascript Functions
JavaScript Arrow Function

Javascript Objects
Javascript Objects

Javascript Array
Javascript Arrays

Javascript Error Handling
Error Handling in Javascript

Javascript ES6
Set
Javascript Spread Operator
Rest Parameter in Javascript

Javascript Asynchronous
Javascript Callback Function
Promises in Javascript
Promise Chaining
Async-Await in Javascript

Javascript DOM
DOM Document
DOM Elements
DOM Attributes
DOM Manipulation
DOM Node Lists
Javascript Events
DOM Traversing Elements
DOM EventListener

Javascript Class
Classes in javascript
Class Inheritance

Javascript Design Principles
SOLID - The Single responsibility principle in javascript
SOLID - Open-Closed principle in Javascript

Other Topics
Javascript Hoisting
Filter, Map and Reduce functions in Javascript
Closure in Javascript
Optional chaining operator in Javascript
Consoling in table format in javascript
Fetch API in Javascript
HTML web Storage API
Checking the online or offline status of the browser

Checking the online/offline status of the browser

Published on: February 11, 2021 By T.Andrew Rayan

In this article, let's see how to check whether the browser is online/offline status.

Javascript provides us with the property navigator.onLine in order to check the network status of the browser.

The navigator.onLine property will return true if the browser is in online else it will return false.

Let's see it with an example,

     
if (navigator.onLine) {
  console.log('Network is available.');
} else {
  console.log('Network is not available.');
}

Now if the browser is in online then it will log Network is available. else if the browser is in offline then it will log Network is not available..

Suppose if we want listen to the network change status, then we can use addEventListener to listen to window.online or window.offline events.

Example

    
// Event to trigger on online.
window.addEventListener('online',(event)=>{
	console.log('Browser is in online status');
});

// Event to trigger on offline.
window.addEventListener('offline',(event)=>{
	alert('Browser is in offline status');
});

In the above example, when the browser is in online status, it will log Browser is in online status message to the console and if the browser is in offline status then, it will prompt an alert dialog with the message Browser is in offline status.

Checking the online/offline status of the browser

Published on: February 11, 2021 By T.Andrew Rayan

Categories

Most Read