6

phonegap(cordova) 3.0.0 でアプリを作成していますが、「オンライン」と「オフライン」のイベントが機能しません。イベントの「再開」を試してみたところ、このイベントはOKでした。XCode 4.5 と IOS を使用しています。

これは phonegap プロジェクトのメインの JavaScript ファイルです。

var app = {

    initialize: function() {
        this.bindEvents();
    },
    // Bind Event Listeners
    //
    // Bind any events that are required on startup. Common events are:
    // 'load', 'deviceready', 'offline', and 'online'.
    bindEvents: function() {
        document.addEventListener('deviceready', this.onDeviceReady, false);
        document.addEventListener('online', this.onDeviceOnline, false);
        document.addEventListener('resume', this.onDeviceResume, false);
    },

    onDeviceReady: function() {
        app.receivedEvent('deviceready');
    },

    onDeviceOnline: function() {
        app.receivedEvent('deviceonline');
    },

    onDeviceResume: function() {
        app.receivedEvent('deviceresume');
    },

    receivedEvent: function(id) {
        var parentElement = document.getElementById(id);
        var listeningElement = parentElement.querySelector('.listening');
        var receivedElement = parentElement.querySelector('.received');

        listeningElement.setAttribute('style', 'display:none;');
        receivedElement.setAttribute('style', 'display:block;');

        console.log('Received Event: ' + id);
    }
};

アドバイスありがとう

4

5 に答える 5

2

corodova (phonegap ではない) では、次の方法でプラグインを追加する必要があります。
cordova plugin add org.apache.cordova.network-information

于 2014-02-26T13:23:29.773 に答える
2

これらのイベントは「onDeviceReady」内でバインドする必要があり、DeviceReady イベントの前には機能しません。deviceready イベントが発生したら、イベント リスナーをアタッチするにチェックを入れます

bindEvents: function() {
    document.addEventListener('deviceready', this.onDeviceReady, false);
    document.addEventListener('resume', this.onDeviceResume, false);
},

onDeviceReady: function() {
    app.receivedEvent('deviceready');
    document.addEventListener('online', this.onDeviceOnline, false);
},

オンライン/オフライン イベントは、アプリの起動時に発生しないことに注意してください。これらのイベントは、接続状態が変化したときにのみ発生します。アプリがオンライン モードで起動すると、オフラインになるまで、オンライン イベントと同じようにオフライン イベントはトリガーされません。

現在の接続を確認するには、以下のコードを使用する必要があります

onDeviceReady: function() {
    app.receivedEvent('deviceready');
    document.addEventListener('online', this.onDeviceOnline, false);
    if((navigator.network.connection.type).toUpperCase() != "NONE" &&
       (navigator.network.connection.type).toUpperCase() != "UNKNOWN") {
        this.onDeviceOnline();
    }
}
于 2013-08-10T10:13:50.150 に答える
0

phonegap フォルダー プロジェクト内:

phonegap plugin add org.apache.cordova.network-information

でindex.js：

var app = {};
app.initialize = function() {
    document.addEventListener("online", function(){alert('online : true') }, false);
    document.addEventListener("offline", function(){alert('online : false') }, false);
};

でindex.html、どこか：

<script type="text/javascript">
app.initialize();
</script>
于 2015-02-25T11:39:58.410 に答える
0

プロジェクトに Connection プラグインを追加すると、このイベントが発生します。

Connection プラグインを追加するには、次のコマンドを使用します。

CMD> phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git
于 2013-08-16T18:03:54.903 に答える