$cordovaNetwork 检测网络插件 cordova-plugin-network-information


cordova-plugin-network-information插件可以检测设备的网络连接状态，和连接的类型 ，该插件提供了一个旧版本的网络信息接口的实现。它提供了有关设备的移动网和WiFi连接信息和设备是否有网络连接。


cordova plugin add cordova-plugin-network-information

方法(Methods)

getNetwork()

提供了一个快速的方法来确定设备的网络连接状态，和连接的类型。

返回值 Connection Object:

Connection Type(连接类型) 说明
Connection.UNKNOWN 未知连接
Connection.ETHERNET 以太网连接
Connection.WIFI 无线网连接
Connection.CELL_2G 2G网连接
Connection.CELL_3G 3G网连接
Connection.CELL_4G 4G网连接
Connection.CELL 通用连接
Connection.NONE 无网络连接

isOnline()

检测手机网络是否在线

返回值 如果为true手机网络在线

isOffline()

检测手机网络是否离线

返回值 如果为true手机网络离线

事件(Event)

$cordovaNetwork:online

监听$cordovaNetwork:online当手机上网时触发事件

返回值

参数 类型 说明
event Object Angular 事件 $broadcast - 详情查阅 AngularJS docs
networkState Object 网络连接类型,具体参考getNetwork()的返回值

$cordovaNetwork:offline

监听$cordovaNetwork:offline当手机网络离线时触发事件

返回值

参数 类型 说明
event Object Angular 事件 $broadcast - 详情查阅 AngularJS docs
networkState Object 网络连接类型,具体参考getNetwork()的返回值

代码实例

clearOnlineWatch()

即将发布

clearOfflineWatch()

即将发布

module.controller('MyCtrl', function($rootScope, $cordovaNetwork) {

  document.addEventListener("deviceready", function () {

    var type = $cordovaNetwork.getNetwork()

    var isOnline = $cordovaNetwork.isOnline()

    var isOffline = $cordovaNetwork.isOffline()


    // 监听手机网络在线事件
    $rootScope.$on('$cordovaNetwork:online', function(event, networkState){
      var onlineState = networkState;
    })

    // 监听手机网络离线事件
    $rootScope.$on('$cordovaNetwork:offline', function(event, networkState){
      var offlineState = networkState;
    })

  }, false);
});