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

回答