在会话之间的浏览器中存储超过 100 MB 的客户端

Question

我正在设计一个需要预加载数百 MB 客户端才能使用该服务的网站。上下文：由于服务应该以尽可能低的延迟实时使用，因此这种预加载是强制性的； “按需”流式传输内容不是一种选择（我已经研究过替代选项，我确认这是必要的）。

问题：由于加载 400 MB 对最终用户来说相当长，有哪些选项可以让用户在关闭浏览器然后重新打开网站时不必这样做再次重新下载 400 MB？

一个明显的解决方案是localStorage，但这仅限于 10 MB（请参阅What is the max size of localStorage values?）。

还有哪些其他选项（存储的数据应该可以从 JavaScript 获得）？

我可以要求用户安装 Chrome 扩展程序，但它是否允许超过 10 MB 的存储空间？

Answer 1

仅考虑存储问题... 你没有太多选择。

1. IndexedDb。在 IndexedDB 上构建和操作不需要进一步的许可。主要浏览器都支持IndexedDb（您必须检查Safari） IndexedDb 是一个奇怪的对象，您会在学习时看到它。您几乎可以像处理真实数据库一样创建、读取、更新和删除。我不会把它称为 Oracle、mySQL、Sql server 的关系型数据库……但是，它是一个事务型数据库。

2. 文件系统访问 API。 此解决方案需要用户同意访问用户文件系统（通过“用户手势”，每次用户退出浏览器会话时它都会丢失 - 它是无聊的）。如果您的 400 Mb 数据不是结构化数据，例如用户播放的音频/视频文件。

   请注意，即使没有扩展，它也可以工作。更多信息可以找到here。 这是一个例子：https://googlechromelabs.github.io/text-editor/

我建议你第一种方式。