index.md

---

title: BackgroundFetchManager
slug: Web/API/BackgroundFetchManager
page-type: web-api-interface
status:
  - experimental
browser-compat: api.BackgroundFetchManager

---

{{APIRef("Background Fetch API")}}{{SeeCompatTable}}

The BackgroundFetchManager interface of the {{domxref('Background Fetch API','','',' ')}} is a map where the keys are background fetch IDs and the values are {{domxref("BackgroundFetchRegistration")}} objects.

Instance properties

None.

Instance methods

• {{domxref('BackgroundFetchManager.fetch','fetch()' )}} {{Experimental_Inline}}

  • : Returns a {{jsxref("Promise")}} that resolves with a {{domxref("BackgroundFetchRegistration")}} object for a supplied array of URLs and {{domxref("Request")}} objects.

• {{domxref('BackgroundFetchManager.get','get()')}} {{Experimental_Inline}}

  • : Returns a {{jsxref("Promise")}} that resolves with the {{domxref("BackgroundFetchRegistration")}} associated with the provided id or {{jsxref("undefined")}} if the id is not found.

• {{domxref('BackgroundFetchManager.getIds','getIds()')}} {{Experimental_Inline}}

  • : Returns the IDs of all registered background fetches.

Examples

The example below shows how to get an instance of {{domxref("BackgroundFetchManager")}} from a {{domxref("ServiceWorkerRegistration")}} object and calls fetch() to download an audio file in the background.

navigator.serviceWorker.ready.then(async (swReg) => {
  const bgFetch = await swReg.backgroundFetch.fetch(
    "my-fetch",
    ["/ep-5.mp3", "ep-5-artwork.jpg"],
    {
      title: "Episode 5: Interesting things.",
      icons: [
        {
          sizes: "300x300",
          src: "/ep-5-icon.png",
          type: "image/png",
        },
      ],
      downloadTotal: 60 * 1024 * 1024,
    }
  );
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}