ServiceWorkerRegistration: backgroundFetch property
The backgroundFetch
property of the ServiceWorkerRegistration
interface returns a reference to a BackgroundFetchManager
object, which can be used to initiate background fetch operations.
Value
Examples
Initiating a background fetch
The following code accesses the backgroundFetch
property and uses it to initiate a background fetch operation.
async 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",
},
);
}
Specifications
Browser compatibility
|
Desktop |
Mobile |
|
Chrome |
Edge |
Firefox |
Internet Explorer |
Opera |
Safari |
WebView Android |
Chrome Android |
Firefox for Android |
Opera Android |
Safari on IOS |
Samsung Internet |
backgroundFetch |
74 |
79 |
No |
No |
62 |
No |
No |
74 |
No |
53 |
No |
11.0 |