ServiceWorkerRegistration: backgroundFetch property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Experimental:This is anexperimental technology
Check theBrowser compatibility table carefully before using this in production.

Secure context: This feature is available only insecure contexts (HTTPS), in some or allsupporting browsers.

Note: This feature is available inWeb Workers.

ThebackgroundFetch read-only property of theServiceWorkerRegistration interface returns a reference to aBackgroundFetchManager object, which can be used to initiate background fetch operations.

Value

ABackgroundFetchManager object.

Examples

Initiating a background fetch

The following code accesses thebackgroundFetch property and uses it to initiate a background fetch operation.

// main.jsasync function requestBackgroundFetch(movieData) {  const swRegistration = await navigator.serviceWorker.ready;  const fetchRegistration = await swRegistration.backgroundFetch.fetch(    "download-movie",    ["/my-movie-part-1.webm", "/my-movie-part-2.webm"],    {      icons: movieIcons,      title: "Downloading my movie",      downloadTotal: 60 * 1024 * 1024,      label: "Downloading a show",    },  );  // …}