Cache.addAll()

これは実験的な機能です。本番で使用する前にブラウザー実装状況をチェックしてください。

Cache インターフェースの addAll() メソッドは、URL の配列を受け取り、取得して、指定されたキャッシュに結果のレスポンスオブジェクトを追加します。取得の間に作成されたリクエストオブジェクトは、格納されるレスポンス操作のキーになります。

メモ: addAll() はリクエストに一致するキャッシュの中に、以前格納されたあらゆるキー/値の組を上書きしますが、結果の put() 操作が同じ addAll() メソッドで作成された以前のキャッシュエントリーを上書き仕様とすると失敗します。

構文

cache.addAll(requests[]).then(function() {
  // リクエストはすでに cahce に追加されている。
});

引数

requests
キャッシュにフェッチして追加したい URL の文字列の配列です。

返値

void で解決する Promise。

例外

例外 発生条件
TypeError

The URL scheme is not http or https.

The Response status is not in the 200 range (i.e., not a successful response.) This occurs if the request does not return successfully, but also if the request is a cross-origin no-cors request (in which case the reported status is always 0.)

例

このコードブロックは、InstallEvent が発火するのを待ってから、アプリにインストールプロセスを処理するために、waitUntil を実行します。この処理は、新しい cache を作成するための CacheStorage.open の呼び出しと、資産を追加するための addAll() の使用で構成されています。

this.addEventListener('install', function(event) {
  event.waitUntil(
    caches.open('v1').then(function(cache) {
      return cache.addAll([
        '/sw-test/',
        '/sw-test/index.html',
        '/sw-test/style.css',
        '/sw-test/app.js',
        '/sw-test/image-list.js',
        '/sw-test/star-wars-logo.jpg',
        '/sw-test/gallery/',
        '/sw-test/gallery/bountyHunters.jpg',
        '/sw-test/gallery/myLittleVader.jpg',
        '/sw-test/gallery/snowTroopers.jpg'
      ]);
    })
  );
});

仕様策定状況

仕様書 策定状況 コメント
Service Workers
Cache の定義		 草案 初回定義

ブラウザーの対応

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
addAll
実験的
Chrome 完全対応 46
補足
完全対応 46
補足
補足 Requires HTTPS.
Edge 完全対応 16Firefox 完全対応 39
補足
完全対応 39
補足
補足 Service workers (and Push) have been disabled in the Firefox 45 & 52 Extended Support Releases (ESR).
IE 未対応 なしOpera 完全対応 33
補足
完全対応 33
補足
補足 Requires HTTPS.
Safari 完全対応 11WebView Android 完全対応 46
補足
完全対応 46
補足
補足 Requires HTTPS.
Chrome Android 完全対応 46
補足
完全対応 46
補足
補足 Requires HTTPS.
Firefox Android 完全対応 39Opera Android 完全対応 33
補足
完全対応 33
補足
補足 Requires HTTPS.
Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0
補足
完全対応 5.0
補足
補足 Requires HTTPS.

凡例

完全対応  
完全対応
未対応  
未対応
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報

関連トピック