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

Question

这是关于在Service Workerfetch内部处理事件时的一些行为。

当fetch调用事件处理程序内部时fetch()，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

正如评论中提到的，fetch()从服务工作者内部执行 a （即当全局对象为 时ServiceWorkerGlobalScope）永远不会触发处理fetch程序。决定此行为的机制来自Fetch 规范第 5.6 节，描述fetch()第 5 步：如果请求的客户端全局对象是 ServiceWorkerGlobalScope 对象，则将请求的service-workers 模式设置为“none”。Service Worker 规范中还有许多其他场景，也描述了何时将 service-workers 模式设置为“none”，例如执行网络请求作为importScripts()