WebView app (PhoneGap Build), not saving localStorage after restart

Question

For some reason, when I restart my PhoneGap app - it looses the localStorage vales that were stored before! I'm saving them in the normal way:

localStorage.setItem("foo","value");

This stores it just fine. However, when you restart the app (or leave the device off for a random amount of time), it seems to randomly loose the data. I've found a heck of a lot of posts about this - but no definative answer on how to get it to be persistent in a PhoneGap Build WebView app,

Any suggestions are much welcomed!

This seems to be quite a common problem with WebView apps:

• Android 2.3.6 + Phonegap + localStorage
• Android - Making Webview DomStorage persistant after app closed

I can't find a solution that works with PhoneGap Build apps though

An actual example I'm using, is:

    var current_id = parseInt(currentId) + 1;
    localStorage.setItem("entry_"+current_id,save_string);
    localStorage.setItem("entryId",current_id);

..and then to extract it (not that this is important, as the problem is with the data going missing, and not with accessing it)

                for (var i = 0; i < localStorage.length; i++){
                    if (localStorage.key(i).match("entry_")) {
                        outputString += "\n" + localStorage.getItem(localStorage.key(i));
                    }
                }

I'm wondering if maybe upgrading from PhoneGap Build cli-5.2.0 to cli-6.0.0 may help. I will do this, and give it a whirl.

I guess another option, would be to use a SQL database to locally store the device (its just a bit trickier to setup, and means re-writing my code)

UPDATE: Not the ideal solution - but I have now moved the app over to use WebSQL for the app. It was a bit tricky to get the hang of (never used it before) - but seems to do the job, and shouldn't loose the data :)

Answer 1

EDIT

i tried it like this and it worked:

    var current_id = parseInt(currentId) + 1;
    localStorage.setItem("entry_"+current_id,save_string);
    localStorage.setItem("entryId",current_id);
/*
    //this is for checking, what is stored in localStorage
    console.log("length: " + localStorage.length);
    for(var i = 0; i < localStorage.length; i++) {
        console.log(localStorage.key(i));
    }
*/

    var myEntryIdFromStorage = localStorage.getItem("entryId");
    var myItem = localStorage.getItem("entry_" + myEntryIdFromStorage);

---

---

Old answer for clarification

How do you get your localstorage?

normally you should store items like you did:

var permanentStorage = window.localstorage;

permanentStorage.setItem("foo", "bar");

and get them back by initializing the permanentStorage the same way and:

//assuming you have permanentStorage in the same script file
//or else you have to initialize it again:
//var permanentStorage = window.localstorage;

var myItem = permanentStorage.getItem("foo");
console.log("myItem: " + myItem);

The method store item uses two parameters: the identifier and the data itself. Please check, that the identifier with which you store your data is the same as the one, with which you get it back.

Do you get any errors? Is the return (stored in my example in myItem) null or undefined or just an empty string? Does this fail in the browser or on the device?

You could clarify your question by providing more code or error messages!