一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

谷歌浏览器里如何查看并清理被Service Worker占用的磁盘空间

时间:2026-07-20 11:52:12 编辑:袖梨 来源:一聚教程网

Chrome中Service Worker的Cache Storage缓存不显示在常规清理列表中,需通过Application面板或chrome://quota-internals/定位;可一键清除单站缓存或手动注销Worker;彻底清理需关闭浏览器后删除CacheStorage文件夹。

当你发现Chrome浏览器磁盘空间莫名减少、C盘告急,或某个PWA应用加载异常、离线页面失效时,很可能是Service Worker在后台悄悄写入了大量Cache Storage数据却未被常规清理路径覆盖。这类缓存不显示在“清除浏览数据”默认列表中,必须通过专用入口定位和操作。

查看Service Worker实际占用的磁盘空间

Application面板只显示总存储用量,无法拆分Cache Storage专属配额——你看到的“Used: 84.2 MB”是IndexedDB、localStorage、Cache Storage等全部本地存储的加总值,不能直接当作Service Worker缓存大小。

1、按 Ctrl+Shift+I(Windows/Linux)或 Cmd+Option+I(macOS)打开开发者工具 → 切换到 Application 标签页 → 左侧展开 Storage → 点击 Usage。

2、若右侧无数字显示,说明Chrome尚未完成配额评估,此时必须访问 chrome://quota-internals/ 手动触发查询。

3、在地址栏输入 chrome://quota-internals/ 并回车 → 在 Origin 输入框中填入完整协议+域名(例如 https://example.com,漏掉 https:// 将查不到结果)→ 点击 Query。

4、在返回表格中找到对应行,重点关注 Usage(当前Cache Storage实际字节数)、Quota(分配配额)、Persistent(是否获持久化授权)。若 Persistent 显示 false,即使调用了 navigator.storage.persist(),用户也未点击“允许”,此时配额极低且易耗尽。

精准清理特定网站的Service Worker缓存

此方法适用于单个站点出现旧资源加载、功能错乱或占用异常空间的情形,不波及其他网站的登录态与缓存。

方法一:通过Application面板一键清空

1、打开目标网站页面 → 按 F12 打开开发者工具 → 切换至 Application 标签页。

2、左侧边栏展开 Clear storage → 确保顶部 Site 显示为当前域名(如 https://example.com)→ 勾选 Cache storage 和 Service Workers。

3、点击 Clear site data 按钮 → 等待提示“已清除”后刷新页面。

方法二:手动注销并强制重载

1、同上打开 Application → 左侧选择 Service Workers → 查看右侧列表,确认状态为 “Active” 或 “Waiting”。

2、点击对应项右侧的 Unregister 按钮 → 页面立即解除Service Worker控制。

3、按 Ctrl+Shift+R(Windows/Linux)或 Cmd+Shift+R(macOS)强制重载 → 跳过内存缓存与残留Worker拦截,确保加载最新资源。

彻底释放被长期占用的Cache Storage空间

当多个PWA或测试项目反复注册/注销Service Worker,Cache Storage文件夹可能残留大量孤儿目录,导致磁盘空间无法回收。

第一步:关闭所有Chrome/Edge进程

必须结束全部后台进程,否则文件被占用无法删除。打开任务管理器 → 结束所有 “chrome.exe” 或 “msedge.exe” 实例。

第二步:定位并删除CacheStorage文件夹

在文件资源管理器中粘贴以下路径(将 Administrator 替换为你当前Windows用户名):

C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefaultService WorkerCacheStorage

第三步:全选 → 删除 → 清空回收站

重启浏览器后,所有离线页面、PWA缓存丢失,但常规网页浏览不受影响。此操作不可逆,【请勿在未关闭浏览器进程时执行】

热门栏目