ChatGPT解决这个技术问题 Extra ChatGPT

localStorage 满了怎么办?

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

我读过大多数浏览器都有 5MB(给予或接受)用于 localStorage,我对浏览器的行为很感兴趣?

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

上面提到的浏览器会从我的网站上删除数据还是会选择“最旧的”或类似的东西?

在这种情况下我的物品会被保存吗?

最重要的是:

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

如果我尝试保存大于 localStorage 大小的项目会发生什么?

已回答: 可以找到答案here

sessionStorage 是否可以预期相同的行为,据称应该是相同的?

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

发生了什么,当你尝试它的时候?
好吧,我还没有填满它,但我之前尝试进行更多研究,以确保我不会犯最初的错误。我不太确定如何尝试,我看到没有这样的问题或文章,我认为这对人们来说可能是一个好帖子。一旦我达到这一点,如果到那时还没有回答,我将添加我自己的结论。
好吧,这确实回答了第四个问题,但我正在寻找更多信息。

t
tagawa

首先,一些有用的资源:

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 对象的实现,因此它们的行为相似,错误处理也相同。


这似乎是一个可靠的答案,谢谢您的时间!
别客气。抱歉,我没有 Safari 或 IE 的信息(我在 Linux 上)。
如果我理解正确,这是否意味着所有浏览器都有特定于域的配额限制?还是(比如说)5MB 内存由所有域共享?
每个源(域)都有一个单独的存储空间,因此大小限制并非由所有域共享。规范说“建议每个来源最多任意限制 5 兆字节。”