如何在不刷新页面的情况下检测服务工作者更新？

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js')
    .then(function(registration) {
      console.log('Service Worker 注册成功：', registration);
    })
    .catch(function(error) {
      console.log('Service Worker 注册失败：', error);
    });
}

navigator.serviceWorker.addEventListener('updatefound', function(event) {
  var newServiceWorker = event.target.controller;
  if (newServiceWorker) {
    newServiceWorker.addEventListener('statechange', function() {
      if (this.state === 'installed') {
        console.log('有新的服务工作者可用！');
      }
    });
  }
});

if (navigator.serviceWorker.controller) {
  navigator.serviceWorker.controller.postMessage({ action: 'skipWaiting' });
}

self.addEventListener('message', function(event) {
  if (event.data.action === 'skipWaiting') {
    self.skipWaiting();
  }
});