매니페스트 관리 리소스가 오프라인 일 때 자신의 캐시 된 복사본으로 폴백 할 수 있습니까?

Question

HTML5 매니페스트를 사용하여 응용 프로그램을 오프라인으로 작업 할 수 있습니다. 리소스 (예 : /background.png)는 수시로 업데이트 될 수 있지만, 응용 프로그램이 오프라인이면 마지막으로 검색 한 버전이 사용하기에 적합합니다. 내가 원하는 동작은 브라우저가 온라인 일 경우 보통 /background.png을 요청하지만 요청이 오프라인이거나 서버가 다운 되었기 때문에 캐시 된 버전으로 폴백하는 것입니다.

NETWORK: 
/background.png 

같은 매니페스트 항목을 가지고 테스트, 자원을 요청하려고 항상 브라우저 했다. 오프라인 일 경우 appcache에서 사본을 리턴하지 않고 오류를 리턴합니다. 그건 내가 원하는 것이 아니지만, 네트워크가 내가 그것을 이해할 때 어떻게 행동해야하는지입니다.

나는 또한 그 말은 "당신이 새로운 하나를 얻을 수없는 경우 다시 캐시 사본 가을"수 희망

FALLBACK: 
/background.png /background.png 

을 시도하지만, 그 구성에 브라우저가 자원을 요청하려고하지 않습니다 그것이 온라인 인 경우. 그리고 의 img SRC = "background.png"에 대해 한 번 (요청 두 번 같은 자원을 가진 번 -

내가 생각 또 다른 가능성은

CACHE: 
/offline-background.png 

FALLBACK: 
/background.png /offline-background.png 

하지만 같은 자원에 대한 두 개의 서로 다른 이름을 가지고 있었다 캐시 된 오프라인 사본의 경우) - 매력없는 해킹처럼 보였습니다.

background.png이 변경되었지만 매니페스트의 모든 내용을 브라우저가 확인하게되면 매니페스트를 임의로 변경할 수도 있습니다.

HTML5 매니페스트에서 '새 것을 얻을 수 없다면 가지고있는 것을 사용'할 수 있습니까? 이것은 합리적인 패턴처럼 보입니다. 그래서 나는 그것을 할 수있는 깨끗한 방법이있을 것이라고 생각합니다. 그렇지 않다면 누구나 다른 접근법을 제안 할 수 있습니까? 미리 감사드립니다!

EDIT : 원본 질문은 "news.json"을 참조하여 리소스가 JavaScript에 의해 검색되었음을 암시하지만 "background.png"로 변경하여 내가하고 싶은 것을 명확하게합니다 이것은 페이지에서 사용하는 모든 리소스와 함께.

Answer 1

캐싱을 관리하는 가장 좋은 방법은 local storage에 붙이는 것입니다. 뉴스 피드의 JSON을 단일 변수로 간단하게 드롭 할 수 있어야합니다. /news.json 파일은 200 응답의 캐시 된 사본 만 업데이트하도록 요청하면 나머지 앱에서는 항상 로컬 저장소에 사본을 사용합니다.