WorkerGlobalScope.caches

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

WindowOrWorkerGlobalScope インターフェイスの caches 読み取り専用プロパティは、現在のワーカーコンテキストに関連する CacheStorage オブジェクトを返します。このオブジェクトは、オフライン利用のために資産を保存したり、リクエストに対するカスタムレスポンスを生成したりするなどの機能を使用できます。

構文

var myCacheStorage = self.caches; // or just caches

CacheStorage

次の例では、アセットをオフラインで利用できるようにするために、ServiceWorker コンテキストでキャッシュを使う方法を示しています。

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 草案 初期定義。

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
caches
実験的
Chrome 完全対応 40Edge ? Firefox 完全対応 42
完全対応 42
完全対応 52
補足
補足 caches now defined on WindowOrWorkerGlobalScope mixin.
IE 未対応 なしOpera ? Safari 未対応 なしWebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 42
完全対応 42
完全対応 52
補足
補足 caches now defined on WindowOrWorkerGlobalScope mixin.
Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 あり

凡例

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

関連項目