Question

我有一个文件夹，其中包含html文件，图像，样式表和js。我已将其上传到服务器，当我在ipad上打开它时，所有内容都应存储在iPad上以供离线查看。如何使用webstorage /本地存储来完成？我尝试使用离线缓存，但它的限制为5MB

Answer 1

您的网络服务器必须通过添加

来支持此功能

AddType text/cache-manifest .manifest

到您的.htaccess或服务器配置。

然后你需要一个清单文件，它说客户端“在本地存储这些文件”。只需创建一个空白文件，称之为“data.manifest”，并添加：

CACHE MANIFEST

CACHE
index.html
style.css
etc..

您可以在此清单文件中执行更多操作。我考虑使用Google或搜索此内容。

至少您必须为您的网站编辑清单文件的<html> - 标记。

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

就是这样。浏览器应该询问您是否应该在本地存储数据。

Answer 2

您必须将应用分成两部分。下载器和实际的应用程序。

下载程序将下载所需文件一次，并将其保存到localstorage / webstorage。保存后，您的应用可以直接从本地副本加载。下载器部分将使用缓存清单机制保存。

我目前正在开发一款以相同方式运作的应用程序。

注意：JS和CSS文件可以直接保存到localstorage，但是对于图像，您必须将它们转换为base64然后使用它们。请注意base64大小限制。