cordova-plugin-network-information 网络状态获取整理

一、cordova-plugin-network-information 插件

安装命令：

cordova plugin add cordova-plugin-network-information

1.获取当前网络状态

2.监听网络的链接或断开

3.如果在Ripple中测试，可以在“Device & Network Settings”中设置，但是需要刷新重新加载。



二、获取当前网络的状态

1.获取网络类型，返回字符串

navigator.connection.type

2.使用Connection对象用户判断当前网络类型

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

if (navigator.connection.type == Connection.WIFI) {
alert('已经切换到Wifi网络');
}

三、监听事件online/offline

/*
* 事件说明：
* 1.第一次页面加载成功触发 online或offline
* 2.网络切换 会触发online或offline
*/
//网络连接
document.addEventListener('online', function () {
alert('网络连接成功');
if (navigator.connection.type == Connection.WIFI) {
alert('已经切换到Wifi网络');
}
}, false);
//网络断开
document.addEventListener('offline', function () {
alert('网络已经断开');
}, false);

官方文档：http://cordova.apache.org/docs/en/latest/reference/cordova-plugin-network-information/index.html

更多：
cordova-plugin-console插件及Cordova Web页面调试整理

cordova-plugin-whitelist 协议白名单配置整理

cordova-plugin-themeablebrowser插件使用整理