W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
在使用此功能之前,請你仔細檢查瀏覽器兼容性表。
WindowOrWorkerGlobalScope 接口的 caches 只讀屬性返回與當(dāng)前上下文關(guān)聯(lián)的 CacheStorage 對象。該對象啟用了功能,例如存儲資源以供離線使用,并生成對請求的自定義響應(yīng)。
var myCacheStorage = self.caches; //或者只是緩存
caches只讀屬性返回一個 CacheStorage 對象。
以下示例顯示了如何在 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ī)范 | 狀態(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] | 不支持 | ? | 不支持 |
特征 | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
基本支持 | 支持 | 支持 | 支持:42、52[1] | 支持 | 支持 | 支持 |
注釋:
[1] caches
現(xiàn)在在WindowOrWorkerGlobalScope
mixin上定義。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: