在Chrome Application面板中清理Service Worker缓存是最精准方式:先Unregister激活/等待的Service Worker,再删除对应Cache Storage,或通过Clear storage一键清除全站缓存及Service Worker。

直接在 Chrome 的 Application 面板里清理 Service Worker 缓存,是最精准、最可控的方式。它不依赖全局设置,也不影响其他网站,专治“页面已更新但浏览器还在用旧 JS/CSS/HTML”的顽固问题。
定位并注销当前站点的 Service Worker
Service Worker 一旦激活,就会持续拦截网络请求并返回缓存资源——哪怕你刚改完代码、刷新十次也没用。必须先让它“下线”:
- 打开出问题的网站(确保 URL 完全加载,不是跳转中或白屏)
- 按 F12(Windows/Linux)或 Cmd+Option+I(macOS)唤出开发者工具
- 切换到 Application 选项卡
- 左侧边栏点开 Service Workers,右侧会列出该域名下所有注册项
- 找到状态为 activated 或 waiting 的条目,点击其下方的 Unregister
手动清空关联的 Cache Storage
注销只是停掉脚本,缓存文件还留在本地。不删干净,下次注册时可能立刻恢复旧逻辑:
- 仍在 Application 面板,左侧展开 Cache Storage
- 右侧会显示多个缓存名称,通常包含域名、版本号或时间戳(如
v2.3.1、sw-cache-202604) - 逐个右键每个疑似属于该站点的缓存,选择 Delete
- 如果不确定哪些相关,可先刷新页面再看新增了哪个缓存,再针对性删除
一键清除整站存储(含 Service Worker 全链路)
不想逐个操作?Application 面板还提供“清空全部”的快捷路径,一步到位:
- 在 Application 选项卡左侧边栏,找到并点击 Clear storage
- 勾选 Cache Storage 和 Service Workers(建议同步勾选 IndexedDB 和 Local Storage,避免数据残留导致状态错乱)
- 点击 Clear site data 按钮
- 注意:此操作只作用于当前标签页打开的网站,不会波及其他域名
验证是否真正生效
清理后别急着关工具,用两个动作确认效果:
- 按 Ctrl+F5(Windows)或 Cmd+Shift+R(macOS)强制重载,跳过所有缓存层
- 重新进入 Application → Service Workers,确认列表为空,且页面 Network 面板中关键资源状态码是 200 而非 200 (from ServiceWorker)










