移動應用程序上的數據存儲

Question

我正在創建一個食譜移動應用程序。我希望食譜坐在應用程序上，而不是每次用戶想要訪問時從互聯網上下載。這意味着即使應用程序處於脫機狀態，我也希望應用程序中的食譜可以訪問。如何最好地將這些數據（食譜）存儲在應用程序中？該應用程序是HTML5，CSS3和JavaScript。

Answer 1

您應該使用HTML5的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