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

浏览器存储占用查询 - localStorage/IndexedDB

13
0
0
0
总存储使用
--
配额: --
--
localStorage
--
0 个键
--
IndexedDB 等
--
含 Cache API
--
存储健康度
--
分析中...
--
就绪
存储项列表
# 键名 值预览 类型 大小 操作

localStorage 中没有数据

当前域名下没有存储任何键值对
IndexedDB 数据库列表

未检测到 IndexedDB 数据库

当前域名下没有 IndexedDB 数据

indexedDB.databases() API 不可用

您的浏览器不支持列出 IndexedDB 数据库,请使用 Chrome 72+ 或更新版本
IndexedDB 的精确大小难以单独获取。上方"总存储使用"中包含了 IndexedDB + Cache API + localStorage 的总和,减去 localStorage 大小即为 IndexedDB 等存储的估算值。
浏览器存储常见问题

浏览器对 localStorage 的限制通常为 每个源(域名+协议+端口)5MB ~ 10MB。不同浏览器有所不同:Chrome 和 Firefox 约 10MB,Safari 约 5MB(在 iOS 上可能更严格)。超出限制时,setItem() 会抛出 QuotaExceededError 异常。建议使用 navigator.storage.estimate() 来监控整体存储使用情况。

localStorage 是同步的键值存储,API 简单,适合存储少量简单数据(如用户偏好、token)。上限约 5-10MB,只能存储字符串。
IndexedDB 是异步的 NoSQL 数据库,支持索引、事务、大容量存储(可达浏览器可用空间的 50%-80%),适合存储大量结构化数据(如离线缓存、文件数据)。可以存储对象、Blob、ArrayBuffer 等复杂类型。

可以使用本工具查看并清理 localStorage 数据。对于 IndexedDB,可以在浏览器开发者工具(F12)的"Application"或"存储"面板中手动删除。也可以在浏览器设置中清除站点数据。编程方式:localStorage.clear() 清空 localStorage;indexedDB.deleteDatabase('dbName') 删除指定 IndexedDB 数据库。

在隐私模式下,大多数浏览器仍然允许使用 localStorage 和 IndexedDB,但存储配额可能更小(部分浏览器限制为正常模式的 1/3 或更少)。关闭隐私窗口后,所有存储数据会被自动清除。Safari 在 ITP(智能跟踪防护)策略下对第三方存储的限制更为严格。

navigator.storage.estimate() 是 StorageManager API 的方法,返回 {usage, quota},其中 usage 是当前源已使用的总存储字节数(包括 localStorage、IndexedDB、Cache API、Service Worker 等),quota 是该源的总存储配额。这个 API 需要在安全上下文(HTTPS 或 localhost)中才能使用,且返回的是估算值。

当存储空间不足时,localStorage.setItem() 会抛出 QuotaExceededError 异常。IndexedDB 的事务会失败。浏览器可能会触发存储压力事件,在某些情况下会自动清理较少使用的数据(如 Cache API 缓存)。建议始终在写入操作中使用 try-catch 包裹,并监控存储使用量。

localStorage 本质上只能存储字符串。本工具通过智能检测字符串内容来判断其逻辑类型:如果能被 JSON.parse() 解析则为 JSON 类型;如果匹配数字格式则为 Number 类型;匹配布尔值则为 Boolean 类型。这有助于开发者了解数据的实际用途和格式。