Статьи

Кордова (ранее PhoneGap) Тип сети и статус в Windows Phone

Октябрь 17, 2018

В этой статье я расскажу, как определить доступность сети и тип сети в Windows Phone с помощью PhoneGap.

Если вы впервые используете Cordova или PhoneGap, я бы рекомендовал прочитать «  Начало работы с Cordova или PhoneGap» в Windows Phone.

Давайте напишем некоторый код для создания контакта:

Шаг 1:  Откройте index.html в папке www и поместите ниже код.

<!DOCTYPE html>
<html>
   <head>
      <title>Getting Started Sample</title>
      <script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
      <script type="text/javascript" charset="utf-8">
         var init = function init() {
            // Wait for Cordova to load
            document.addEventListener("deviceready", onDeviceReady, false);
            // Cordova is ready
            function onDeviceReady() {
            }
         };

         window.onload = init;
      </script>
   </head>
   <body>
   </body>
</html>

Шаг 2:  Теперь измените метод onDeviceReady, как показано ниже, который будет уведомлять, если сеть доступна или нет, и, если она доступна, уведомляет тип сети.

В методе onDeviceReady есть два прослушивателя событий: онлайн и офлайн. сетевое событие срабатывает, когда устройство подключено к Интернету, в противном случае отключается сетевое событие.

function onDeviceReady() {
   if (navigator.network.connection.type != Connection.NONE) {
      NetworkType();
   }
   else {
      alert("You are not connected");
   }
   document.addEventListener("online", onOnline, false);
   document.addEventListener("offline", onOffline, false);
}

Шаг 3. Теперь добавьте метод NetworkType, который уведомит тип соединения, к которому подключено устройство.

function NetworkType() {
   switch (navigator.network.connection.type) {
      case Connection.UNKNOWN:
         alert("Connection type is not known");
         break;
      case Connection.ETHERNET:
         alert("Connection type is Ethernet");
         break;
      case Connection.WIFI:
         alert("Connection type is WiFi");
         break;
      case Connection.CELL_2G:
         alert("Connection type is 2G");
         break;
      case Connection.CELL_3G:
         alert("Connection type is 3G");
         break;
      case Connection.CELL_4G:
         alert("Connection type is 4G");
         break;
      case Connection.NONE:
         alert('No Network Connection');
         break;
   }
}

Шаг 4. Теперь добавьте методы onOnline и onOffline, чтобы мы могли исправить некоторые действия, которые могут быть предприняты на основе приложения, подключенного к Интернету, или нет.

 

function onOnline() {
   //Perform action in case of online
}

function onOffline() {
   //Perform action in case of offline
}

Шаг 5: Теперь запустите приложение, и вы получите экран, как показано ниже, в моем случае я подключен к WiFi.


На этом статья об обнаружении состояния и типа сети заканчивается с помощью Cordova или PhoneGap в Windows Phone.

 

39
Share: