t_wの輪郭

Feedlyでフォローするボタン
『t_wの輪郭』キャッシュPWAService Workerで、オフラインの時だけキャッシュを使う
『t_wの輪郭』開発録Service Workerで、オフラインの時だけキャッシュを使う
self.addEventListener('fetch', event => {
    event.respondWith(
        fetch(event.request).then(response=>{
            //最初にfetchし、fetchに成功したらキャッシュに保存する
            let responseClone = response.clone();
            caches.open(CACHE_NAME).then(cache=>{
                cache.put(event.request, responseClone);
            })
            return response;
        }).catch(error=>{
            //fetchに失敗したらキャッシュを返す;
            console.log(error);
            return caches.match(event.request);
        })
    );
}