Learn how to detect online and offline status, network type, and connection changes in Ionic 3 apps using Network and Cordova plugins. Improve your app's reliability with network awareness.

Getting Network Information in Ionic 3 Applications

This plugin provides an implementation of the Network Information API. This provides the Information about the cellular devices and wifi connection, it will give information whether the device has an internet connection.

Installation

Use the Cordova network plugin to get information on whether the mobile is connected to the internet.

              ionic cordova plugin add cordova-plugin-network-information
         
              npm install --save @ionic-native/network

Step-1

Import the network plugin into your own page module and use it on the page. When importing a network plugin own page module, it will reduce lazy loading in the app.

step-2

Then import the plugin in the ts file, and list the information about the internet.