html5本地存儲脫機查看

我有一個文件夾，它包含html文件，圖像，樣式表和js。我已經將它上傳到服務器，當我在ipad上打開它時，所有內容都應該存儲在iPad上供離線查看。如何使用webstorage/local存儲來完成這項工作？我試圖與脫機緩存，但它通過增加html5本地存儲脫機查看

AddType text/cache-manifest .manifest

到你的.htaccess或服務器配置有5MB

2011-12-30 anurag

您的Web服務器必須支持這個極限。

然後你需要一個清單文件，它說客戶端「在本地存儲這些文件」。只要創建一個空白文件調用它像「data.manifest」，並補充一點：

CACHE MANIFEST 

CACHE 
index.html 
style.css 
etc..

還有更多的東西，你可以在這個清單文件做。我考慮使用谷歌或搜索這個。

至少您必須編輯您的清單文件的標籤<html>到您的網站。

<html manifest="/data.manifest" />

就是這樣。瀏覽器應該問你是否應該在本地存儲數據。

2011-12-30 07:43:15 sascha

我試着用它，但上限爲5MB，而我的數據大小爲50MB – anurag 2011-12-30 07:50:08

好吧，那麼你必須縮小你的數據，或者你有等待蘋果修復，在未來。順便說一句，單個頁面的50MB數據真的很大。曾經想過PhoneGap？ – sascha 2011-12-30 07:55:16

該文件夾的總大小是50MB，我讀過它可以通過Web SQL數據庫，任何想法隊友？ – anurag 2011-12-30 08:08:02

您必須將應用分成兩部分。下載器和實際的應用程序。

下載器將下載所需文件一次並將其保存到localstorage/webstorage。保存後，您的應用程序可以直接從本地拷貝加載。下載器部分將使用緩存清單機制進行保存。

我目前正在開發一款以相同方式工作的應用程序。

注意：JS和CSS文件可以直接保存到localstorage，但對於需要將圖像轉換爲base64並使用它們的圖像。注意base64的大小限制。

2011-12-30 10:32:10

回答