html - localStorage 满了怎么办？

Question

我找到了有关缓存行为的文章，所以我只能假设它没有太大不同，但我想确定一下。

我读过大多数浏览器都有 5MB（给予或接受）用于 localStorage，我对浏览器的行为很感兴趣？

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

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

最重要的是：

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

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

已回答： 可以在这里找到答案

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

我知道这是很多问题，但我试图了解与该主题相关的所有内容，我会感谢您能回答的问题的任何部分。

Answer 1

首先，一些有用的资源：

• Web Storage Support Test - 有一个表格比较浏览器之间的数据存储配额。
• 简单的 localStorage 配额测试
• localStorage 浏览器行为总结
• W3C 规范- 指示用户代理（例如浏览器）的行为方式（localStorage 和 sessionStorage）。

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

• Opera：opera:config -> 本地存储的域配额
• 火狐：about:config -> dom.storage.default_quota

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

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

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

如果不：

• 不存储数据并且不覆盖现有数据。
• QUOTA_EXCEEDED_ERR抛出异常。

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

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

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