具有持久数据的离线网页缓存

Question

您好，我正在尝试使我的 HTML 网页在 android 和 IOS 设备上脱机。我的问题是我需要存储大量数据。这些数据（css、js、images、html）需要持久化。 （即使在设备关闭后）

使用：有人键入 URL 并让整个页面离线可用。

持久化数据的最佳方式是什么？是否有可能不制作混合或原生应用程序，只使用缓存，也许还有 appcache/indexeddb。

编辑：我发现索引数据库与 dexies 相结合我最好的猜测是解决方案。你们有什么注意事项、替代方案或教程吗？

Answer 1

根据应用程序的个性，我有时会在安装/激活 Service Worker 时在 Service Worker 中渲染整个站点/应用程序。 我写了一个关于我去年 10 月为会议所做的示例应用程序，https://love2dev.com/pwa/pubcon/

就策略而言，我会有所不同。对于数据（想想 JSON），我倾向于缓存在 IndexedDB 中（我喜欢 localforage b/c，它很简单）。 对于站点资产（HTML、JS、CSS、字体和媒体），我使用服务工作者缓存。 如果一个网站的媒体很重，我将图像和视频保存在 IDB b/c iOS 中，将 service worker 缓存限制为 50MB。对于任何 Web 应用程序核心资产来说，50MB 应该绰绰有余，因为它们实际上应该以 kb 来衡量，而不是 MB。 iOS 为您提供数 GB 的 IDB 存储空间，具体取决于设备上可用的磁盘空间。 我已经使用这种策略构建了多个 SAAS 应用程序，并且从未达到数据配额。当然，大量视频或图像当然会占用更多空间，您需要注意配额超出错误。

系统还会提示用户授予扩展存储权限，因此请注意这一障碍，因为您可能需要对用户进行相关教育。