首页 > 解决方案 > Cordova 插件网络信息在 Ionic 3 中不起作用

问题描述

我已经尝试过以下事情。

添加了这个模块。

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

还添加Network到我的app.module.ts

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

@NgModule({
 ...
 providers: [Network]
})
export class AppModule {}

里面用过app.component.ts这样的:

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

constructor(platform: Platform, private network: Network) {        
    platform.ready().then(() => {

    let disconnectSubscription = this.network.onDisconnect().subscribe(() => {
      console.log('network was disconnected !!');
    });

    let connectSubscription = this.network.onConnect().subscribe(() => {
      console.log('network connected!');
      setTimeout(() => {
        if (this.network.type === 'wifi') {
          console.log('we got a wifi connection, woohoo!');
        }
      }, 3000);
    });
  });    
}

我在控制台中什么也没有。

问题是当我的应用程序初始化控制台没有被触发时,我也试图控制台network,但我得到了空{}

这是堆栈闪电战

提前致谢。

标签: cordovaionic-frameworkionic3cordova-pluginsionic-native

解决方案


这仅适用于 realDevices 或模拟器

constructor(private network: Network) {

    this.network_check();

  }


  network_check() {

        if (this.network.type === 'WIFI' || 'CELL_3G' || 'CELL_4G') {

          let disconnectSubscription = this.network.onDisconnect().subscribe(() => {


           alert("Disconnected");

          });
        }
      }

推荐阅读