我有一个文件夹，其中包含HTML文件、图像、样式表和JS。我已经将它上传到服务器上，当我在iPad上打开它时，所有的内容都应该被存储在iPad上以供离线查看。如何使用WebStorage/Local Storage实现这一点？我尝试使用离线缓存，但它有5MB的限制。
2个回答
3
您的网络服务器必须支持此操作，需要添加以下代码：
那就这样吧。浏览器会询问您是否应该本地存储数据。
AddType text/cache-manifest .manifest
将以下内容添加到您的 .htaccess 或服务器配置文件中。
然后，您需要一个清单文件，告诉客户端“在本地存储这些文件”。只需创建一个名为“data.manifest”的空文件，并添加以下内容：
CACHE MANIFEST
CACHE
index.html
style.css
etc..
在这个清单文件中，您可以做很多其他的事情。我建议使用Google或搜索了解更多相关信息。
至少您需要编辑您的<html>标签以适配您的清单文件到您的网站。
<html manifest="/data.manifest" />
那就这样吧。浏览器会询问您是否应该本地存储数据。
- sascha
4
我尝试了一下，但限制是5MB，而我的数据大小是50MB。 - anurag
那么，你必须压缩你的数据，或者等待苹果在未来修复它。顺便说一下，一个单页50MB的数据真的非常巨大。你有没有考虑过使用PhoneGap？ - sascha
文件夹的总大小为50MB，我读过可以通过Web SQL数据库完成，你有什么想法伙计？ - anurag
以前没有使用过本地存储数据库，但我认为有一些教程可以参考。你只需要将文本（也许包括图片）存储在该数据库中，希望这样可以减小文件夹的大小。 - sascha
2
你需要将应用程序拆分为两部分：下载器和实际应用程序。
下载器将下载所需的文件并保存到本地存储/ Web 存储中。一旦保存，您的应用程序可以直接从本地副本加载。下载器部分将使用缓存清单机制进行保存。
我目前正在开发一款以同样方式工作的应用程序。
注意：JS 和 CSS 文件可以直接保存到本地存储中，但对于图像，您必须将它们转换为 base64 然后再使用它们。请注意 base64 大小限制。 http://en.wikipedia.org/wiki/Data_URI_scheme
下载器将下载所需的文件并保存到本地存储/ Web 存储中。一旦保存，您的应用程序可以直接从本地副本加载。下载器部分将使用缓存清单机制进行保存。
我目前正在开发一款以同样方式工作的应用程序。
注意：JS 和 CSS 文件可以直接保存到本地存储中，但对于图像，您必须将它们转换为 base64 然后再使用它们。请注意 base64 大小限制。 http://en.wikipedia.org/wiki/Data_URI_scheme
- Tejesh Alimilli
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接