如何更新服务工作者？

要更新服务工作者，可以按照以下步骤进行：

1. 在你的项目目录中，创建一个新的服务工作者文件（例如sw.js）。
2. 在新的服务工作者文件中，添加以下代码来监听安装事件和激活事件，并在激活事件中清除旧的缓存：

self.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open('cache-name').then(function(cache) {
      return cache.addAll([
        // 添加你需要缓存的文件路径
      ]);
    })
  );
});

self.addEventListener('activate', function(event) {
  event.waitUntil(
    caches.keys().then(function(cacheNames) {
      return Promise.all(
        cacheNames.filter(function(cacheName) {
          // 清除旧的缓存
          return cacheName.startsWith('cache-prefix-') && cacheName !== 'cache-name';
        }).map(function(cacheName) {
          return caches.delete(cacheName);
        })
      );
    })
  );
});

3. 在你的主要 JavaScript 文件中，注册服务工作者并检查浏览器是否支持服务工作者：

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

4. 在你想要更新服务工作者的时候，修改服务工作者文件中的缓存名称（例如从'cache-name'改为'cache-name-v2'）。
5. 当用户重新加载你的网页时，新的服务工作者将被安装并激活，旧的缓存将被清除。

请注意，更新服务工作者的过程可能需要一些时间，并且用户可能需要关闭和重新打开网页才能触发更新。因此，一般使用版本号来确保新的服务工作者能够及时部署到用户的浏览器中。