Кордова — Сетевая информация

Этот плагин предоставляет информацию о сети устройства.

Шаг 1 — Установка модуля информации о сети

Чтобы установить этот плагин, мы откроем командную строку и запустим следующий код —

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

Шаг 2 — Добавить кнопки

Давайте создадим одну кнопку в index.html, которая будет использоваться для получения информации о сети.

<button id = "networkInfo">INFO</button>

Шаг 3 — Добавить прослушиватели событий

Мы добавим три прослушивателя событий в функцию onDeviceReady в index.js . Один будет прослушивать щелчки на кнопке, которую мы создали ранее, а два других будут прослушивать изменения статуса подключения.

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

Шаг 4 — Создание функций

Функция 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 .