WindowOrWorkerGlobalScope接口屬性:caches

2018-03-20 17:39 更新

caches屬性

在使用此功能之前,請你仔細檢查瀏覽器兼容性表。

WindowOrWorkerGlobalScope 接口的 caches 只讀屬性返回與當(dāng)前上下文關(guān)聯(lián)的 CacheStorage 對象。該對象啟用了功能,例如存儲資源以供離線使用,并生成對請求的自定義響應(yīng)。

caches屬性句法

var myCacheStorage = self.caches; //或者只是緩存 

caches屬性

caches只讀屬性返回一個 CacheStorage 對象。

caches屬性示例

以下示例顯示了如何在 service worker 上下文中使用緩存來將資源脫機存儲。

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'
      ]);
    })
  );
});

規(guī)范

規(guī)范狀態(tài)注釋
Service Workers
在該規(guī)范中定義'caches存'。
Working Draft
在最新的規(guī)范中的WindowOrWorkerGlobalScope部分定義。
Service Workers
Working Draft
初始定義。

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機器可讀的 JSON 格式。

  • 電腦端
特征Chrome
Firefox(Gecko)Internet Explorer
Opera
Safari
基本支持支持:40支持:42、52[1]不支持?不支持
  • 移動端

特征AndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
基本支持支持支持
支持:42、52[1]支持支持支持

注釋:

[1] caches現(xiàn)在在WindowOrWorkerGlobalScopemixin上定義。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號