Html 移动应用程序上的数据存储

我正在创建一个食谱移动应用程序。我想把食谱放在应用程序上，而不是每次用户想访问时都从互联网上下载。这意味着我想在应用程序中的食谱可以访问，即使在应用程序离线。如何在应用程序上最好地存储这些数据（食谱）？应用程序是HTML5、CSS3和JavaScript。

你应该使用HTML5的

本地存储。您可以通过以下方式轻松使用：

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"));

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

该资源将帮助您开始：




它是移动应用程序还是移动网站？