コルドバ-ネットワーク情報

このプラグインは、デバイスのネットワークに関する情報を提供します。

ステップ1-ネットワーク情報プラグインのインストール

このプラグインをインストールするには、開きます command prompt 次のコードを実行します-

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

ステップ2-ボタンを追加する

でボタンを1つ作成しましょう index.html これは、ネットワークに関する情報を取得するために使用されます。

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

ステップ3-イベントリスナーを追加する

内部に3つのイベントリスナーを追加します onDeviceReady で機能する index.js。1つは前に作成したボタンのクリックをリッスンし、他の2つは接続ステータスの変更をリッスンします。

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

ステップ4-関数の作成

networkInfoボタンがクリックされると、関数は現在のネットワーク接続に関する情報を返します。私たちは呼んでいますtype方法。他の機能は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 関数が呼び出されます。