BackgroundFetchRecord

Limited availability

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

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

Background Fetch APIBackgroundFetchRecord インターフェイスは、個々のリクエストと応答を表します。

BackgroundFetchRecordBackgroundFetchManager.fetch() メソッドによって生成されるので、このインターフェイスにはコンストラクターがありません。

fetch() で要求された各リソースに対して、 BackgroundFetchRecord が 1 つずつ存在することになります。

プロパティ

request 読取専用 Experimental

Request を返します。

responseReady 読取専用 Experimental

Response によって解決されるプロミスを返します。

以下の例では、 BackgroundFetchManager.fetch() の使用によって生成された BackgroundFetchRecord から BackgroundFetchRecord.requestBackgroundFetchRecord.responseReady の値を受け取り、コンソールにログ出力しています。

js
bgFetch.match("/ep-5.mp3").then(async (record) => {
  if (!record) {
    console.log("recordは見つかりませんでした");
    return;
  }

  console.log(`リクエスト:`, record.request);
  const response = await record.responseReady;
  console.log(`応答:`, response);
});

仕様書

Specification
Background Fetch
# background-fetch-record-interface

ブラウザーの互換性

BCD tables only load in the browser