📅  最后修改于: 2020-12-09 05:38:14             🧑  作者: Mango
该插件提供有关设备网络的信息。
要安装此插件,我们将打开命令提示符并运行以下代码-
C:\Users\username\Desktop\CordovaProject>cordova plugin
add cordova-plugin-network-information
让我们在index.html中创建一个按钮,该按钮将用于获取有关网络的信息。
我们将在index.js的onDeviceReady函数内添加三个事件侦听器。一个将监听我们之前创建的按钮的单击,另外两个将监听连接状态的更改。
document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);
单击按钮后, networkInfo函数将返回有关当前网络连接的信息。我们正在调用类型方法。其他功能是onOffline和onOnline 。这些功能正在监听连接更改,任何更改都会触发相应的警报消息。
function networkInfo() {
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]);
}
function onOffline() {
alert('You are now offline!');
}
function onOnline() {
alert('You are now online!');
}
当我们启动连接到网络的应用程序时, onOnline函数将触发警报。
如果我们按INFO按钮,警报将显示我们的网络状态。
如果我们断开网络连接,则会调用onOffline函数。