FetchEvent: handled-Eigenschaft

Hinweis: Diese Funktion ist nur in Service Workers verfügbar.

Die handled-Eigenschaft des FetchEvent-Interfaces gibt ein Promise zurück, das angibt, ob das Ereignis vom Fetch-Algorithmus behandelt wurde oder nicht. Diese Eigenschaft ermöglicht die Ausführung von Code, nachdem der Browser eine Antwort verarbeitet hat, und wird normalerweise zusammen mit der waitUntil()-Methode verwendet.

Wert

Ein Promise, das anhängig ist, während das Ereignis noch nicht behandelt wurde, und erfüllt wird, sobald es behandelt wurde.

Beispiele

js
addEventListener("fetch", (event) => {
  event.respondWith(
    (async function () {
      const response = await doCalculateAResponse(event.request);

      event.waitUntil(
        (async function () {
          await doSomeAsyncStuff(); // optional

          // Wait for the event to be consumed by the browser
          await event.handled;

          return doFinalStuff(); // Finalize AFTER the event has been consumed
        })(),
      );

      return response;
    })(),
  );
});

Spezifikationen

Specification
Service Workers
# dom-fetchevent-handled

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
handled

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch