移动应用上的数据存储

Question

创建食谱移动应用程序。我希望这些食谱可以放在应用程序上，而不是每次用户想要访问时从互联网上下载。这意味着即使应用处于离线状态，我也希望应用中的食谱可以访问。我如何才能最好地将这些数据（食谱）存储在应用程序中？该应用程序是HTML5，CSS3和JavaScript。

Answer 1

您应该使用HTML5＆＃39; localStorage。您可以通过这种方式轻松使用它：

localStorage.setItem("data", "This data is stored");

并检索它：

var data = localStorage.getItem("data");

---

当您尝试将多个对象存储到localStorage时，您应首先stringify这些对象。例如：

var recipes = [{"name":"Recipe 1"},{"name":"Recipe 2"}];
localStorage.setItem("recipes", JSON.stringify(recipes));

检索数据时：

var recipes = JSON.parse(localStorage.getItem("recipes"));

Answer 2

听起来您需要使用html5应用程序缓存功能将您的配方页面“离线”存储，或者，如果您要沿着数据库路径运行，请使用所有现代浏览器中的localStorage功能。

Dive Into HTML5资源可以帮助您入门：

• Let’s take this offline
• Introducing HTML5 storage