Checking if the internet is accessible (not local connection only)
npm install no-internetChecking if the internet is accessible in the browser (not local connection only)
window.navigator.onLine is the simplest approach to return the online status of the browser. It is not guaranteed to be accurate. Most implementations of the API watch for changes in the local network interface to determine if your application is online or not. But what if your network interface is up, but your router is down ☝️. window.navigator.onLine will return true and it means that you are online and that is WRONG. To handle that case we make XMLHttpRequest and listen to change in the network state by events window.ononline and window.onoffline to be notified immediately 😎
#### npmnpm install --save no-internet
#### yarnyarn add no-internet --save
javascript
import noInternet from 'no-internet'
`$3
javascript
noInternet().then(offline => {
if (offline) {
// no internet
}
})
`$3
javascript
function noInternetCallback(offline) {
if (offline) {
// no internet
}
}// connection is checked and callback is called each 5000 milliseconds
noInternet({ callback: noInternetCallback })
// clear interval
noInternet.clearInterval()
`$3
javascript
noInternet({
milliseconds: 10000,
timeout: 4000,
callback: noInternetCallback,
url: 'https://github.com/favicon.ico',
headers: { 'Access-Control-Allow-Origin': '*' }
})
`API ##
$3
$3
Type: #### milliseconds ####
Type:
Default: 5000Connection is checked at specified intervals (in milliseconds)
#### timeout ####
Type:
number
Default: 5000Number of milliseconds a request can take before automatically being terminated (completed).
#### url ####
Type:
string
Default: ${window.location.protocol}//${window.location.host}/favicon.icoHTTP request is sent to
for connection checking.
You can specify URL with domain for e.g. https://github.com/favicon.ico#### headers ####
Type:
Default: { 'Cache-Control': 'no-cache' }An object of additional headers key/value pairs to send along with request
#### callback ####
Type:
Arguments: offline type boolean
Default: undefined`Function that gets called in each connection checking
Any contributions you make are greatly appreciated.
Please read the Contributions Guidelines before submitting a PR.
MIT © Vasyl Stokolosa