1

次のスクリプトを使用して、デバイスがオンラインかオフラインかを確認しています。

function checkConnection() {
    document.addEventListener("online", onDeviceOnline, false);
    document.addEventListener("offline",onDeviceOffline, false);
    function onDeviceOnline(){
        loadZive();
        loadMobil();
        loadAuto();
    };
    function onDeviceOffline(){
        alert("deviceIsOffline");
    };
};
checkConnection();

次に、フィードをロードするためのこの関数があります。

function loadZive(publishedDateConverted){

    google.load("feeds", "1");  
        function initialize() {
            var feed = new google.feeds.Feed("http://www.zive.sk/rss/sc-47/default.aspx");
            feed.setNumEntries(window.localStorage.getItem("entriesNumber"));
            feed.load(function(result) {
                if (!result.error) {
                    var feedlist = document.getElementById("feedZive");
                    for (var i = 0; i < result.feed.entries.length; i++) {
                        var li = document.createElement("li");
                        var entry = result.feed.entries[i];
                        var A = document.createElement("A");
                        var descriptionSettings = window.localStorage.getItem("descriptionSettings");
                        if (descriptionSettings=="true"){
                            var h3 = document.createElement("h3");
                            var p = document.createElement("p");
                            var pDate = document.createElement("p");
                            pDate.setAttribute("style","text-align: right; margin-top: 5px;");
                            var publishedDate = new Date(entry.publishedDate);
                            publishedDateConverted = convertTime(publishedDate);
                            pDate.appendChild(document.createTextNode(publishedDateConverted));
                            h3.setAttribute("style","white-space: normal;")
                            h3.appendChild(document.createTextNode(entry.title));
                            p.setAttribute("style","white-space: normal;")
                            p.appendChild(document.createTextNode(entry.content));
                            A.setAttribute("href",entry.link);
                            A.appendChild(h3);
                            A.appendChild(p);
                            A.appendChild(pDate);
                            }
                        else{
                            A.setAttribute("href",entry.link);
                            A.setAttribute("style","white-space: normal;")
                            A.appendChild(document.createTextNode(entry.title));
                        };
                        li.appendChild(A);
                        feedlist.appendChild(li);
                    }
                    $("#feedZive").listview("refresh");
                }
            });
        }
        google.setOnLoadCallback(initialize);   
    };

最初に2番目のスクリプトをロードし、次に最初にロードします。でも何も見えません。アプリをオンにすると、ページレイアウトが約1秒間表示され、（おそらく最初のスクリプトを読み込んだ後）関数onDeviceOnline（）が発生し、空白のページしか表示されません。ただし、フィードを既存のテンプレートにロードする必要があります。

IMHO onDeviceOnline関数は、ページテンプレートの読み込み後に発生するため、フィードをインポートできません。このような関数を作成すると、次のようになります。

function loadFeeds(){
    loadZive();
    loadMobil();
    loadAuto();
};

then everything works fine so I think it has something to do with online and offline eventlisteners. It also didnt work when I put checkconnection into onDeviceReady function so it should not be the problem. So is there any way to check if device is online and if it is then use js file to load feeds?

EDIT: I have used Simon McDonald suggestion and created code like this: function onDeviceReady(){

    document.addEventListener("backbutton", onBackKeyDown, false);
        function onBackKeyDown(){
                navigator.app.exitApp();
        }
    function checkConnection() {
        var networkState = navigator.network.connection.type;
        if (networkState == "none"){
            alert("no network connection");
        }
        else{
            loadZive();
            loadMobil();
            loadAuto();
        };
    };
    checkConnection();  
};

With this code alerts are working perfectly for device online and device offline but when I try to loadFeed I get the same result as before (page layout loads and then everything changes to blank page).

4

1 に答える 1

2

問題は、デバイス対応イベントリスナーに「オンライン」イベントリスナーを追加しているが、デバイスはすでにオンラインであるため、接続が変更されるまでイベントが再度発生しないことです。デバイスレディイベントリスナーで、navigator.connection.network.typeの値をチェックし、それがNONEでないことを確認する必要があります。

http://docs.phonegap.com/en/2.0.0/cordova_connection_connection.md.html#connection.type

于 2012-09-19T15:12:27.360 に答える