ionic添加cordova插件-Network

最新推荐文章于 2023-02-21 12:34:14 发布

gzgchzc

最新推荐文章于 2023-02-21 12:34:14 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Ionic 文章标签： cordova

本文链接：https://blog.youkuaiyun.com/qq_33561700/article/details/53810535

Ionic 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了Cordova网络信息插件的功能与使用方法，包括获取网络连接状态、判断设备是否在线或离线，并通过示例展示了如何监听网络状态变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

gzgchzc博客最新更新地址：http://blog.gzvtc.cc/

cordovaNetwork
该插件提供了一个旧版本的网络信息接口的实现。它提供了有关设备的移动网和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/offline

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

返回值

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

Examples

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);
});