Cordova 网络信息插件

1. 安装

cordova plugin add cordova-plugin-network-information

2. 添加按钮

 <button id="network">获取网络信息</button>

3.

// Cordova加载完成
document.addEventListener('deviceReady',function(){
	// 按钮点击事件
   document.getElementById('network').onclick=function(){
   	   // 这个是一个状态对象 不同的网络状态将对应不同的取值
       let status={}
       status[Connection.NONE]=["离线状态"];
       status[Connection.WIFI]=["WIFT状态"];
       status[Connection.CELL]=["1G状态？？"];
       status[Connection.CELL_2G]=["2G状态"];
       status[Connection.CELL_3G]=["3G状态"];
       status[Connection.CELL_4G]=["4G状态"];
       status[Connection.ETHERNET]=["连接的是以太网"];
       status[Connection.UNKNOWN]=["未知状态"];
       // 打印当前状态的类型
       alert(navigator.connection.type);         // 当前状态
       // 根据不同的类型打印不同的status的值 
       alert(`您当前的状态为:${status[navigator.connection.type]}`);   
   }
   // 在线时触发的事件
   document.addEventListener('online',function(){
       alert("在线状态");
   })
   // 离线时触发的事件
   document.addEventListener('offline',function(){
       alert('离线状态');
   })
})