Service Worker获取事件：为什么没有无限循环？

Question

这是关于在服务工作者内部处理fetch事件时的一些行为。

当在事件处理程序中调用了获取（）时，获取事件似乎不会再次被触发。这实际上很好，但我仍然想知道为什么没有发生。

我看了https://developers.google.com/web/ilt/pwa/caching-files-with-service-worker#on_network_response代码如下：

self.addEventListener('fetch', function(event) {
  event.respondWith(
    caches.open('mysite-dynamic').then(function(cache) {
      return cache.match(event.request).then(function (response) {
        return response || fetch(event.request).then(function(response) {
          cache.put(event.request, response.clone());
          return response;
        });
      });
    })
  );
});

我自己也尝试过这段代码，调用fetch（）（就在|之后）会被执行，但不会再次触发事件处理程序。为什么不呢？另外，如果您能提供一些页面链接来解释这一点，我们将不胜感激。

Answer 1

如注释中所述，从Service Worker内部执行getch（）（即当全局对象为ServiceWorkerGlobalScope时）永远不会触发getch处理程序。

确定此行为的机制来自Fetch规范，第5.6节，描述Fetch（），步骤5：

如果请求的客户端的全局对象是ServiceWorkerGlobalScope对象，则将请求的服务工作者模式设置为“无”。

Service Worker规范中还有一系列其他场景，也描述了Service Worker模式设置为“无”的情况，例如作为importScripts（）