ServiceWorkerRegistration.backgroundFetch

Limited availability

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

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

backgroundFetchServiceWorkerRegistration インターフェイスのプロパティで、BackgroundFetchManager オブジェクトへの参照を返します。これは、バックグラウンドフェッチ操作を開始することができます。

BackgroundFetchManager オブジェクト。

バックグラウンドフェッチの開始

次のコードは、backgroundFetch プロパティにアクセスし、これを使用してバックグラウンドフェッチ操作を開始するものです。

js
// main.js
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",
    },
  );
  //...
}

仕様書

Specification
Background Fetch
# dom-serviceworkerregistration-backgroundfetch

ブラウザーの互換性

BCD tables only load in the browser