PWA 在 Chrome DevTools 里怎么调试 Service Worker 不生效？

FSD-子聪提问于 2026-03-03 08:34:21 阅读 3

前端

我按照教程注册了 Service Worker，本地开发时在 Chrome 的 Application 面板里能看到注册信息，但一刷新就没了，状态一直是 “redundant”。我试过清除缓存、硬刷新，也检查了 navigator.serviceWorker.register() 没报错，就是不工作。

我的 sw.js 放在根目录，注册代码是这样写的：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js')
    .then(reg => console.log('SW registered:', reg))
    .catch(err => console.error('SW failed:', err));
}

是不是 DevTools 里要开什么特殊选项？还是我漏了什么配置？

调试工具

我来解答赞 1 收藏

反馈

暂无解答