> For the complete documentation index, see [llms.txt](https://pmsgz.gitbook.io/nectar/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pmsgz.gitbook.io/nectar/advanced/web-apis/online-offline-status.md).

# 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`

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

});

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

});
```

## Reference

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