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('離線狀態');
   })
})