Question

Requires Cordova plugin: cordova-plugin-network-information. For more info, please see the Network plugin docs.

https://github.com/apache/cordova-plugin-network-information

Ionic 网络 Network插件的安装(Installation)

Community(社区版)Enterprise(企业版)

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

Ionic EE comes with fully supported and maintained plugins from the Ionic Team. Learn More or Contact Us

ionic enterprise register --key=YOURPRODUCTKEY npm install @ionic-enterprise/network 

Ionic 网络 Network插件支持的平台(Supported Platforms)

• Amazon Fire OS
• Android
• Browser
• iOS
• Windows

Ionic 网络 Network插件的用法(Usage)

import { Network } from '@ionic-native/network/ngx';

constructor(private network: Network) { }

...

// watch network for a disconnection
let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
  console.log('network was disconnected :-(');
});

// stop disconnect watch
disconnectSubscription.unsubscribe();


// watch network for a connection
let connectSubscription = this.network.onConnect().subscribe(() => {
  console.log('network connected!');
  // We just got a connection but we need to wait briefly
   // before we determine the connection type. Might need to wait.
  // prior to doing any api requests as well.
  setTimeout(() => {
    if (this.network.type === 'wifi') {
      console.log('we got a wifi connection, woohoo!');
    }
  }, 3000);
});

// stop connect watch
connectSubscription.unsubscribe();