TPower Design

Appearance

Return to top
On this page

网络状态相关

只列出部分主要功能，其他功能及参数详细说明请参考官方文档https://www.npmjs.com/package/cordova-plugin-network-information

介绍

cordova-plugin-network-information 获取当前网络状态，监听网络变化

主要功能

获取网络状态

示例

js
function checkConnection() {
  var networkState = navigator.connection.type;
  var states = {};
  states[Connection.UNKNOWN] = "Unknown connection";
  states[Connection.ETHERNET] = "Ethernet connection";
  states[Connection.WIFI] = "WiFi connection";
  states[Connection.CELL_2G] = "Cell 2G connection";
  states[Connection.CELL_3G] = "Cell 3G connection";
  states[Connection.CELL_4G] = "Cell 4G connection";
  states[Connection.CELL] = "Cell generic connection";
  states[Connection.NONE] = "No network connection";
  alert("Connection type: " + states[networkState]);
}

监听网络状态

示例

js
// 离线
document.addEventListener("offline", onOffline, false);
function onOffline() {}
// 在线
document.addEventListener("online", onOnline, false);
function onOnline() {
  var networkState = navigator.connection.type;
  display("Connection type: " + networkState);
}

详细说明网址

https://www.npmjs.com/package/cordova-plugin-network-information