Cordova
ネットワーク接続の状態を検出する方法

cordova-plugin-network-informationプラグインの使用

ネットワーク接続の現在の状態を検出し、発生する可能性のある変更に応答するには、いくつかのプラグインの1つを使用します。この例は、 cordova-plugin-network-informationプラグインに関するものです。

プラグインをプロジェクトに追加します：

cordova plugin add cordova-plugin-network-information

Cordova デバイスイベントの後、 navigator.connection介して接続オブジェクトを使用できます。 typeプロパティには、現在のネットワーク状態が含まれます。

document.addEventListener("deviceready", function() {
    var networkState = navigator.connection.type;
}, false);

networkState次のいずれかの定数が含まれるようになりました。

Connection.UNKNOWN  //  Unknown connection
Connection.ETHERNET //  Ethernet connection
Connection.WIFI     //  WiFi connection
Connection.CELL_2G  //  Cell 2G connection
Connection.CELL_3G  //  Cell 3G connection
Connection.CELL_4G  //  Cell 4G connection
Connection.CELL     //  Cell generic connection
Connection.NONE     //  No network connection

ネットワーク接続の変更を検出するには、関数をonlineイベントまたはofflineイベントのいずれかにフックします。

document.addEventListener("online", function() {
    // device went online
    var networkState = navigator.connection.type; // Get new network state
    ...
}, false);

document.addEventListener("offline", function() {
    // device went offline
    var networkState = navigator.connection.type; // Get new network state
    ...
}, false);