Cache: addAll()-Methode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2018.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Hinweis: Diese Funktion ist in Web Workers verfügbar.

Die addAll()-Methode der Cache-Schnittstelle nimmt ein Array von URLs, ruft diese ab und fügt die resultierenden Antwortobjekte zum angegebenen Cache hinzu. Die während des Abrufs erstellten Anfrageobjekte werden zu Schlüsseln für die gespeicherten Antwortoperationen.

Note: addAll() überschreibt alle Schlüssel/Wert-Paare, die zuvor im Cache gespeichert wurden und mit der Anfrage übereinstimmen, schlägt jedoch fehl, wenn eine resultierende put()-Operation einen vorherigen Cache-Eintrag überschreiben würde, der von derselben addAll()-Methode gespeichert wurde.

Syntax

js
addAll(requests)

Parameter

requests

Ein Array von Anfragen für die Ressourcen, die Sie dem Cache hinzufügen möchten. Diese können Request-Objekte oder URLs sein.

Diese Anfragen werden als Parameter für den Request()-Konstruktor verwendet, sodass URLs den gleichen Regeln wie für diesen Konstruktor folgen. Insbesondere können URLs relativ zur Basis-URL sein, die das baseURI des Dokuments im Fensterkontext oder WorkerGlobalScope.location im Worker-Kontext ist.

Rückgabewert

Ein Promise, der mit undefined aufgelöst wird.

Ausnahmen

TypeError

Das URL-Schema ist nicht http oder https.

Der Antwortstatus liegt nicht im 200-Bereich (d. h. keine erfolgreiche Antwort.) Dies tritt auf, wenn die Anfrage nicht erfolgreich zurückkehrt, aber auch, wenn es sich um eine cross-origin no-cors Anfrage handelt (in diesem Fall wird der Status immer als 0 angegeben.)

Beispiele

Dieser Codeblock wartet darauf, dass ein InstallEvent ausgelöst wird, und führt dann waitUntil() aus, um den Installationsprozess für die App zu bearbeiten. Dies besteht darin, CacheStorage.open aufzurufen, um einen neuen Cache zu erstellen, und dann addAll() zu verwenden, um eine Reihe von Ressourcen hinzuzufügen.

js
this.addEventListener("install", (event) => {
  event.waitUntil(
    caches
      .open("v1")
      .then((cache) =>
        cache.addAll([
          "/",
          "/index.html",
          "/style.css",
          "/app.js",
          "/image-list.js",
          "/star-wars-logo.jpg",
          "/gallery/",
          "/gallery/bountyHunters.jpg",
          "/gallery/myLittleVader.jpg",
          "/gallery/snowTroopers.jpg",
        ]),
      ),
  );
});

Spezifikationen

Specification
Service Workers
# cache-addAll

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
addAll

Legend

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

Full support
Full support
No support
No support
See implementation notes.

Siehe auch