【发布时间】:2011-12-30 18:32:10
【问题描述】:
我有一个文件夹,其中包含 html 文件、图像、样式表和 js。 我已将它上传到服务器,当我在 ipad 上打开它时,所有内容都应存储在 iPad 上以供离线查看。如何使用网络存储/本地存储来完成? 我试过离线缓存,但它有 5MB 的限制
【问题讨论】:
标签: html local-storage
我有一个文件夹,其中包含 html 文件、图像、样式表和 js。 我已将它上传到服务器,当我在 ipad 上打开它时,所有内容都应存储在 iPad 上以供离线查看。如何使用网络存储/本地存储来完成? 我试过离线缓存,但它有 5MB 的限制
【问题讨论】:
标签: html local-storage
您的网络服务器必须通过添加来支持这一点
AddType text/cache-manifest .manifest
到您的 .htaccess 或服务器配置。
那么你需要一个清单文件,上面写着客户端“将这些文件存储在本地”。只需创建一个空白文件,将其命名为“data.manifest”并添加以下内容:
CACHE MANIFEST
CACHE
index.html
style.css
etc..
您可以在此清单文件中执行更多操作。我考虑使用谷歌或搜索这个。
至少您必须编辑您的<html>-tag,以便将清单文件添加到您的站点。
<html manifest="/data.manifest" />
就是这样。浏览器应该会询问您是否应该在本地存储数据。
【讨论】:
您必须将您的应用一分为二。下载器和实际应用程序。
下载器会一次性下载所需文件并保存到localstorage/webstorage。保存后,您的应用程序可以直接从本地副本加载。下载器部分将使用缓存清单机制保存。
我目前正在开发一个以相同方式工作的应用程序。
注意:JS和CSS文件可以直接保存到localstorage,但是图片需要转base64才能使用。注意 base64 的大小限制。
【讨论】: