Online & Offline Status API

Overview

Online & Offline Status API allows web apps to detect whether the browser is online or offline.

Demo

https://nectar.website/demo/web-apis/online-offline-status/

Usage

You can refer to the code present in /partials/web-apis/online-offline-status.html file and use it accordingly.

By default, we have already implemented a functionality using this API. Whenever your app goes online or offline a toast message will appear.

The code is present in /assets/custom/init.js file. This code uses Framework7's online and offline events which are based on HTML5's navigator.onLine

app.on('online', function() {

});

app.on('offline', function() {

});

Reference

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/onLine