有什么比 HTML5 localStorage 更大的吗？答案

【问题标题】：Is there anything bigger than HTML5 localStorage?有什么比 HTML5 localStorage 更大的吗？
【发布时间】：2012-05-09 11:32:59
【问题描述】：

我想在客户端存储本地数据以加快我的网络应用的页面加载速度。我尝试使用 HTML5 的 localStorage，但不幸的是它对于我的需要来说太小了。有没有更大的？

【问题讨论】：

你需要多少空间，是什么数据？
嗨，最佳值是 50Mb 左右。是 JSON 对象。我玩过 JSON.stringify 和 JSON.parse。 LocalStorage 本来是完美的，但 2.5Mb 没用..
JSON 不是一种非常节省空间的存储格式，但更改它不会将您从 50mb 降低到 2.5。尤其是要保留在客户端计算机上的东西确实很多。考虑移动平台。
WebSQL 或 IndexedDB 可能会有所帮助，但这仍然需要向客户端推送大量数据。
类似问题：stackoverflow.com/questions/6276282/…

标签： javascript database html local-storage session-storage

【解决方案1】：

您有多种选择，但浏览器支持不同，因此您需要通过在各种浏览器机制之上的额外层将差异从浏览器中抽象出来

几乎所有东西都支持本地存储，通常存储 5-10MB。大多数（但不是所有）桌面浏览器都支持 IndexedDB，并且可以存储更多数据。多少取决于浏览器，但预计 50MB 或无限制。如果您针对 iOS 和 Android 浏览器，WebSQL 是唯一的选择，因为它们不支持 indexeddb。您最多可以在那里存储 50MB。

为您完成所有这些工作的优雅抽象层有很多：查看answers in this thread.

【讨论】：

【解决方案2】：

如果数据本质上是静态的，您可以将一些数据缓存在 .js 文件中，或者使用 jsonp 代替本地存储。

否则，您现在唯一的选择是本地存储，存储限制为 5 - 10 兆字节，具体取决于浏览器。您可以通过以下方式压缩数据来获得更多收益：https://github.com/olle/lz77-kit/blob/master/src/main/js/lz77.js

【讨论】：