서비스 근로자가 브라우저 캐시에 이미 저장 한 블로그 게시물을 어떻게 나열 할 수 있습니까?

Question

내 블로그에는 최근 게시물이 캐시 된 a working Service Worker이 있으며 오프라인 일 때도 사용자가 읽을 수 있습니다.

캐시에없는 콘텐츠에 대해 표시되는 the offline page에 나는 캐시에있는 최근 게시물을 나열하여 오프라인 상태에서 읽을 수있는 기회를 제공하고 싶습니다.

서비스 근로자가 아닌 창 컨텍스트에서 이러한 콘텐츠를 쉽게 나열 할 수 있습니까?

여기에 대한 자습서를 찾을 수 없습니다. 내가 찾은 모든 자습서는 Service Worker 부분 만 처리합니다.

감사합니다.

Answer 1

Cache Storage API은 Workers에서 사용할 수있을뿐만 아니라 window 글로벌 범위의 일부로 window.caches과 같이 사용할 수 있습니다.

여기 모든 캐시 내용의 목록을 해당 인터페이스를 사용하는 full example에서 exerpt있어 :

window.caches.keys().then(function(cacheNames) { 
    cacheNames.forEach(function(cacheName) { 
    window.caches.open(cacheName).then(function(cache) { 
     return cache.keys(); 
    }).then(function(requests) { 
     requests.forEach(function(request) { 
     // Do something with request, like update your UI 
     // based on request.url. 
     }); 
    }); 
    }); 
});