Breaking News: Grepper is joining You.com. Read the official announcement!

addeventlistener fetch

Helpless Hornet answered on July 1, 2023 Popularity 5/10 Helpfulness 4/10

answer addeventlistener fetch

addeventlistener fetch

Comment

self.addEventListener("fetch", (event) => {
  // Let the browser do its default thing
  // for non-GET requests.
  if (event.request.method !== "GET") return;

  // Prevent the default, and handle the request ourselves.
  event.respondWith(
    (async () => {
      // Try to get the response from a cache.
      const cache = await caches.open("dynamic-v1");
      const cachedResponse = await cache.match(event.request);

      if (cachedResponse) {
        // If we found a match in the cache, return it, but also
        // update the entry in the cache in the background.
        event.waitUntil(cache.add(event.request));
        return cachedResponse;
      }

      // If we didn't find a match in the cache, use the network.
      return fetch(event.request);
    })()
  );
});

Popularity 5/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: fetch javascript

Link to this answer
Share Copy Link

Contributed on Jul 01 2023

Helpless Hornet

0 Answers Avg Quality 2/10

addeventlistener fetch

Contents

More Related Answers

addeventlistener fetch

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.