如何在不修改源码的情况下强制重新运行Service Worker？

方法一：通过浏览器开发者工具操作（最方便的调试方式） #

• 打开浏览器开发者工具（按F12或Ctrl+Shift+I）
• Chrome切换到Application标签，Firefox切换到Storage标签
• 在左侧菜单找到Service Workers：
  • 勾选Update on reload，之后每次刷新页面都会强制检查并更新Service Worker，自动重新安装激活
  • 点击已激活Worker旁的Unregister按钮，直接清除已注册的Worker，刷新页面就会重新加载并执行新的Service Worker
  • 若有处于等待状态的Worker，点击Skip waiting可让它立即激活替换当前Worker

方法二：修改Service Worker脚本触发自动更新 #

只要修改Service Worker脚本的任意内容（哪怕只是加个无关的注释），浏览器下次刷新时会检测到文件哈希值变化，自动触发更新流程，重新执行安装、激活逻辑。

方法三：通过代码手动触发更新 #

在页面的脚本里主动调用更新方法，或者让等待中的Worker立即激活：

1. 主动请求更新Service Worker：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.getRegistration().then(reg => {
    if (reg) reg.update();
  });
}

2. 让等待中的Worker跳过等待直接激活：
   先在Service Worker脚本里监听消息事件：

self.addEventListener('message', (event) => {
  if (event.data?.type === 'SKIP_WAITING') {
    self.skipWaiting();
  }
});

然后在页面脚本里发送消息：

navigator.serviceWorker.getRegistration().then(reg => {
  if (reg.waiting) {
    reg.waiting.postMessage({type: 'SKIP_WAITING'});
  }
});

内容的提问来源于stack exchange，提问作者Abiria