Cordova -- 监听移动端(手机)网络连接情况

最新推荐文章于 2024-08-07 09:46:39 发布

liayn523

最新推荐文章于 2024-08-07 09:46:39 发布

阅读量4.8k

点赞数 2

分类专栏： cordova 文章标签： cordova phonegap ionic network 网络制式

本文链接：https://blog.csdn.net/liayn523/article/details/72730162

版权

cordova 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

因为我们项目使用ionic的框架，这个框架可以直接用cordova的插件；

1.在项目中安装插件

cordova plugin add cordova-plugin-network-information

2.使用场景

可以监听手机的网络连接情况，如连接与未连接，连接的是4G/3G还是WIFI,知道网络的状态及什么网络时，就可以在数据加载时出现断网的情况下做判断，或者图片加载时做判断。

3.用法

document.addEventListener("deviceready", function () {
  // listen for Online event
  $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
    var type = $cordovaNetwork.getNetwork()
     var onlineState = networkState;
     if (type == Connection.WIFI) {
     //TODO something
     }else if (type == Connection.CELL_4G || type == Connection.CELL_3G){
     //TODO something
     }

  })
  // listen for Offline event
  $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
    var offlineState = networkState;
    $ionicLoading.show({
      template: '网络异常，不能连接到服务器！'
    });
  })
}, false);

4.Connection类型

Connection.UNKNOWN 
  Connection.ETHERNET 
  Connection.WIFI WiFi 
  Connection.CELL_2G 
  Connection.CELL_3G 
  Connection.CELL_4G 
  Connection.CELL 
  Connection.NONE

更具体的信息可以参考官网的API

http://ngcordova.com/docs/plugins/network/(点击打开链接)