一、通过开发者工具查看当前源的存储使用情况

最直接的方法是使用Chrome自带的开发者工具。它的Application面板能实时展示当前页面使用的各种本地存储情况。

操作步骤：

• 在目标网页按下 F12 或 Ctrl+Shift+I（Windows/Linux）/Cmd+Option+I（macOS）打开开发者工具。
• 将选项卡切换到 Application。

接下来，关注左侧边栏的 Storage 部分：

• 点击 Local Storage 可查看具体的键值对和大致体积。
• 点击 IndexedDB 可浏览数据库结构和条目数量。

更关键的一步是，回到Storage的顶层，寻找名为 Usage 的子项（如果存在）。这里通常会显示当前源的总存储使用量，以及浏览器预估的配额上限，例如“~105 MB”，一目了然。

二、通过 chrome://settings/siteData 查看并清除特定站点数据

如果你想从浏览器全局管理的角度，精确查看某个域名占用了多少磁盘空间，这个内置页面是绝佳选择。

操作步骤：

1. 在地址栏输入 chrome://settings/siteData 并回车。
2. 在打开的页面搜索框中，输入目标域名，例如 example.com。

在搜索结果里，找到对应的条目。其右侧的 存储（Storage） 列显示的数字，就是该源占用的全部持久化存储空间，单位通常是KB或MB。

如果确认需要释放空间，直接点击右侧的 删除 图标，即可清除该站点的所有本地数据。

三、通过 chrome://quota-internals 检查底层配额分配细节

对于需要进行深度调试的开发者，chrome://quota-internals 这个内部页面堪称“神器”。它直接暴露了Chrome底层QuotaManager的工作状态。

在这里，你可以查询到每个源的：

• 配额策略（是持久的Persistent还是临时的BestEffort）
• 当前分配量、已使用量
• 是否拥有持久化存储权限等核心信息

使用方法：

1. 在地址栏输入上述地址并回车。
2. 在页面的 Origin 输入框中，填写完整的目标源（如 https://example.com）。
3. 点击 Query。

查询结果中，重点关注：

• used_bytes（已用字节）
• quota_bytes（配额字节）

这两个字段能直接判断是否触顶。同时，检查 persistent 字段是否为 true，可以确认该源是否已申请持久化权限。

注意：页面顶部还提供了 Clear all quota data 的核按钮，用于重置所有源的配额数据，使用时需谨慎。

四、通过 JavaScript 运行时检测 IndexedDB 配额余量

除了静态查看，我们还能在应用运行时主动探测配额情况。这依赖于现代浏览器提供的 StorageManager API。

在你的网页控制台（Console）中，可以尝试执行以下代码片段：

if ('storage' in navigator && 'estimate' in navigator.storage) { navigator.storage.estimate().then(estimate => { console.log('使用量:', estimate.usage, '字节；配额:', estimate.quota, '字节'); }); }

执行后，观察控制台输出。如果 usage（使用量）非常接近 quota（配额），那就意味着配额即将告罄。

前端可以据此主动提示用户或触发数据清理逻辑。

需要注意：

• 这个接口返回一个Promise。
• 通常只在安全上下文（HTTPS或localhost）中可用。
• 对于没有申请持久化权限的源，其 quota 值可能是 undefined，或者是一个相对较低、由浏览器动态管理的值（例如通常在120MB以内）。

五、通过 chrome://flags 启用实验性持久化存储策略

对于像PWA或重度离线应用这类需要长期、稳定使用大量本地存储的场景，可以考虑启用持久化存储策略。

这相当于向浏览器申请一个“特权”，让你的存储数据免受自动清理机制的影响，从而获得更高且更稳定的配额保障。

操作步骤：

1. 在地址栏输入 chrome://flags 并回车，进入实验功能页面。
2. 在搜索框内输入 persistent storage。
3. 找到名为 Enable persistent storage 的选项，将其状态从“Default”修改为 Enabled。
4. 根据提示重启浏览器。

浏览器重启后，在你的网页代码中，还需要调用 navigator.storage.persist() 方法。等待其返回的Promise解析为 true，才意味着持久化模式已被成功激活。

《夸克》非常好用的免费AI浏览器

下载APP查看