[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ja/docs/Web/API/FetchEvent [Back]  [Original]

FetchEvent - Web API | MDN

MDN Web Docs

View in English Always switch to English

FetchEvent

Baseline *

20184

*

fetch event.respondWith()

Event ExtendableEvent FetchEvent

FetchEvent()

FetchEvent fetch

Event

FetchEvent.clientId

id

FetchEvent.preloadResponse

Response Promise undefined

FetchEvent.replacesClientId

id

FetchEvent.resultingClientId

id

FetchEvent.request

Request

ExtendableEvent

FetchEvent.respondWith()

ExtendableEvent.waitUntil()

fetch GET GET

js
self.addEventListener("fetch", (event) => {
  // GET 
  if (event.request.method !== "GET") return;

  // 
  event.respondWith(
    (async () => {
      // 
      const cache = await caches.open("dynamic-v1");
      const cachedResponse = await cache.match(event.request);

      if (cachedResponse) {
        // 
        // 
        event.waitUntil(cache.add(event.request));
        return cachedResponse;
      }

      // 
      return fetch(event.request);
    })(),
  );
});

Service Workers Nightly
# fetchevent-interface


Web Proxy Viewer  |  New URL  |  Original Page