无需登录 数据私有 本地保存

浏览器存储配额估算器 - 检查剩余可用空间

14
0
0
0

📦 浏览器存储配额估算器

检查 localStorage、sessionStorage 及浏览器整体存储的剩余可用空间

localStorage
持久化本地存储
0%
已用0 B
估算配额~5 MB
剩余~5 MB
sessionStorage
会话级存储
0%
已用0 B
估算配额~5 MB
剩余~5 MB
浏览器总存储
Storage API 估算
--
已用--
总配额--
剩余--
IndexedDB
大型数据存储
检测中...

数据库数量:--

IndexedDB 配额通常远大于 localStorage,适合存储大量结构化数据。

localStorage 存储项
键名大小占比
暂无数据或正在加载...
sessionStorage 存储项
键名大小占比
暂无数据或正在加载...
常见问题 (FAQ)
浏览器的 localStorage 配额到底是多少?
大多数现代浏览器(Chrome、Firefox、Edge)为每个源(origin)提供约 5~10 MB 的 localStorage 配额。Safari 通常为 5 MB。需要注意的是,这个配额是按源(域名+协议+端口)隔离的,不同网站之间互不影响。超过配额时,浏览器会抛出 QuotaExceededError 异常。
localStorage 和 sessionStorage 有什么区别?
localStorage 的数据持久化存储,即使关闭浏览器也不会丢失,除非用户手动清除。而 sessionStorage 的数据仅在当前会话期间有效——关闭标签页或浏览器窗口后数据即被清除。两者配额通常相同(约 5~10 MB),但 sessionStorage 不适合长期存储。
IndexedDB 的存储配额有多大?
IndexedDB 的配额远大于 localStorage。在 Chrome 中,IndexedDB 可使用最多约 60% 的可用磁盘空间(共享存储池);Firefox 允许每个源使用最多 2 GB(可申请更多);Safari 限制约为 1 GB。IndexedDB 适合存储大量结构化数据、文件、Blob 等。使用 navigator.storage.estimate() 可查看当前源的总体配额和使用情况。
如何增加浏览器存储配额?
对于 localStorage,配额是固定的,无法手动增加。如果需要更大空间,建议使用 IndexedDB。对于 IndexedDB,可以使用 navigator.storage.persist() 方法请求持久化存储权限,获得权限后配额会更宽松,且数据更不容易被浏览器自动清理。此外,PWA(渐进式Web应用)安装后通常可获得更大的存储配额。
存储空间满了会发生什么?
当存储配额耗尽时:localStorage.setItem() 会抛出 QuotaExceededError 异常;IndexedDB 事务会失败并返回错误;Cache API 的新缓存写入也会失败。浏览器不会自动删除数据,你需要手动清理不需要的存储项,或使用 navigator.storage.estimate() 监控使用情况并及时清理。
隐私/无痕模式下存储有何不同?
在隐私模式(无痕模式)下:localStoragesessionStorage 通常仍然可用,但数据会在关闭所有隐私窗口后被彻底清除。部分浏览器(如旧版 Safari 隐私模式)可能完全禁止 localStorage 写入。IndexedDB 在隐私模式下的行为因浏览器而异,Chrome 允许使用但在会话结束后清除,Firefox 则可能完全拒绝。
如何安全地清理浏览器存储?
清理存储的最佳实践:① 使用本工具查看各键的大小,识别占用最多的项;② 对于不再需要的数据,使用 localStorage.removeItem(key) 逐个删除;③ 或使用 localStorage.clear() 一次性清空(谨慎操作);④ 对于 IndexedDB,使用 indexedDB.deleteDatabase(dbName) 删除整个数据库。清理前建议备份重要数据
navigator.storage.estimate() 为什么不可用?
该 API 需要安全上下文(HTTPS)才能使用。如果你的网站使用 HTTP,该 API 将不可用。此外,部分旧版浏览器(如 IE 11、旧版 Safari)不支持此 API。建议在生产环境中启用 HTTPS,不仅能使用 Storage API,还能获得更好的安全性和 SEO 排名。