localStorage 满了怎么办？

Question

我发现 articles 关于缓存行为，所以我只能假设它没有太大不同，但我想确定一下。

我了解到大多数浏览器都有 5MB（给予或索取）用于 localStorage，我对浏览器的行为很感兴趣？

我了解每个浏览器的行为不同，但我主要对 Safari、Chrome 和 Firefox 感兴趣（因为我认为这些是浏览器）。

• 上述浏览器会从我的网站中删除数据，还是会选择“最旧的”或类似的浏览器？
• 在这种情况下我的物品会被保存吗？

还有最重要的：

• 假设我“滥用”了我网站上的 localStorage，试图将其全部用完，而在同一页面中，我正在填充它并试图节省更多。我会收到警告吗？ getItem 会在发生这种情况时返回 null，还是以某种方式保存在内存中？

• 如果我尝试保存大于localStorage 大小的项目会怎样？

已回答：可以在here找到答案

• sessionStorage 是否可以预期完全相同的行为，据称应该是相同的？

我知道这是很多问题，但我正在努力理解与该主题相关的所有内容，如果您能回答问题的任何部分，我将不胜感激。

Answer 1

首先，一些有用的资源：

• Web Storage Support Test - 有一个比较数据存储配额的表 浏览器之间。
• Simple localStorage quota test
• Summary of localStorage browser behaviour
• W3C spec - 指示用户代理（例如浏览器）的行为方式（localStorage 和 sessionStorage）。

在回答您的问题时，桌面浏览器的初始最大 localStorage 配额通常为每个域 5MB。在某些情况下，这可以由用户进行调整：

• Opera:opera:config -> localStorage 的域配额
• Firefox：about:config -> dom.storage.default_quota

在 Chrome 中，用户似乎无法调整此设置，尽管与 Opera 一样，可以使用开发者工具直接按域编辑 localStorage 数据。

当您尝试在 localStorage 中存储数据时，浏览器会检查当前域是否有足够的剩余空间。 如果是：

• 存储数据，如果已存在相同的键，则覆盖值。

如果没有：

• 不存储数据，也不覆盖现有数据。
• 抛出了QUOTA_EXCEEDED_ERR 异常。

在这种情况下，getItem(key) 将返回最后一个成功存储的值（如果有）。

（Opera 稍有不同，它会显示一个对话框，让用户选择增加当前域的存储空间。）

请注意，sessionStorage 和 localStorage 都是同一个 Storage 对象的实现，因此它们的行为相似，错误处理也相同。