📜  Cordova-网络信息

📅  最后修改于: 2020-12-09 05:38:14             🧑  作者: Mango


该插件提供有关设备网络的信息。

第1步-安装网络信息插件

要安装此插件,我们将打开命令提示符并运行以下代码-

C:\Users\username\Desktop\CordovaProject>cordova plugin 
   add cordova-plugin-network-information

第2步-添加按钮

让我们在index.html中创建一个按钮,该按钮将用于获取有关网络的信息。


第3步-添加事件监听器

我们将在index.js的onDeviceReady函数内添加三个事件侦听器。一个将监听我们之前创建的按钮的单击,另外两个将监听连接状态的更改。

document.getElementById("networkInfo").addEventListener("click", networkInfo);
document.addEventListener("offline", onOffline, false);
document.addEventListener("online", onOnline, false);

第4步-创建函数

单击按钮后, networkInfo函数将返回有关当前网络连接的信息。我们正在调用类型方法。其他功能是onOfflineonOnline 。这些功能正在监听连接更改,任何更改都会触发相应的警报消息。

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函数。

Cordova网络离线