如何保存 PhoneGap 应用程序

Question

目前我正在使用 PhoneGap 和 JQueryMobile 开发应用程序。到目前为止，功能非常简单：用户所能做的就是创建一些按钮并将它们动态添加到屏幕上。

我现在要做的是让这个按钮列表可存储。关于本地存储，文件系统……我不知道。

当用户退出应用程序，然后延迟 returns，他应该能够加载和扩展他之前创建的列表。

有什么办法吗？感谢您的帮助。

Answer 1

给出一些像这样的 HTML 标记：

<html>
    <body>
        <div id="buttons">
        </div>
    </body>
</html>

您可以创建一个按钮并使用本地存储来保存它，如下所示：

var myButton1 = "<button>My Button</button>";
window.localStorage.setItem("button1", myButton1);

然后检索它并像这样显示在页面上：

var myButton1 = window.localStorage.getItem("button1");
$("#buttons").html(myButton1);

对于多个按钮，您可以将它们存储为一个数组：

var myButtons = [
    "<button>My Button 1</button>",
    "<button>My Button 2</button>
];
window.localStorage.setItem("buttons", myButtons);

然后检索并显示在页面上：

var myButtons = window.localStorage.getItem("buttons");
var buttons = "";
foreach (var button in myButtons) {
    buttons += button + "<br/>";
}
$("#buttons").html(buttons);

如何保存 PhoneGap 应用程序

How to save PhoneGap App

android

save

local-storage

jquery-mobile

cordova