#码力全开·技术π对#Web技术：Service Worker缓存策略导致旧版本JS文件被加载的调试步骤？

可按以下步骤系统调试：

1. 打开 Chrome DevTools → Application 面板 查看 Service Workers 标签页，确认注册的 SW 状态（是否激活、控制页面）。
2. 检查缓存内容 进入 Cache Storage，查看 caches.keys() 中缓存的资源，定位目标 JS 文件是否为旧版本。
3. 查看网络请求来源 在 Network 面板刷新页面，找到 JS 文件请求，检查 Size 列是否显示 (from ServiceWorker) 或 (from cache)。
4. 临时绕过 Service Worker 在 Application → Service Workers 勾选 Bypass for network，强制请求直连网络，验证是否加载新版本。
5. 手动更新或清除 SW 点击 Unregister 注销旧 SW，或使用 Update on reload 强制更新。也可在控制台执行：

navigator.serviceWorker.getRegistrations().then(regs => {
  regs.forEach(reg => reg.unregister());
});