用于离线查看的html5本地存储
用于离线查看的html5本地存储
提问于 2011-12-30 15:37:50
我有一个文件夹，其中包含html文件、图像、样式表和js。我已经把它上传到服务器上了，当我在ipad上打开它时，所有的内容都应该存储在iPad上以便离线观看。如何使用webstorage /本地存储来实现这一点？我尝试使用脱机缓存，但它有其5MB的限制
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-12-30 15:43:15
您的has服务器必须通过添加
AddType text/cache-manifest .manifest添加到.htaccess或服务器配置中。
然后，您需要一个清单文件，该文件说明客户端“在本地存储这些文件”。只需创建一个空白文件，将其命名为类似于"data.manifest“的名称，然后添加以下内容：
CACHE MANIFEST
CACHE
index.html
style.css
etc..在这个清单文件中，您可以做更多的事情。我考虑使用谷歌或搜索这个。
至少你必须为你的站点清单文件编辑你的<html>-tag。
<html manifest="/data.manifest" />就这样。浏览器应该询问您是否应该在本地存储数据。
Stack Overflow用户
发布于 2011-12-30 18:32:11
你必须把你的应用一分为二。一个下载器和实际的应用程序。
下载程序将下载所需的文件一次，并将其保存到localstorage/webstorage。保存后，您的应用程序可以直接从本地副本加载。下载器部分将使用缓存清单机制保存。
我目前正在开发一个以同样的方式工作的应用程序。
注意: JS和CSS文件可以直接保存到本地存储，但对于图像，您必须将它们转换为base64，然后再使用它们。注意base64大小限制。
http://en.wikipedia.org/wiki/Data_URI_scheme
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8677272
复制相关文章
相似问题
腾讯云开发者
