HTML5`favorite` 오프라인 캐싱

Question

현재 노래 가사의 재생 목록을 만들고 오프라인에서 사용하도록 캐시 할 수있는 애플리케이션을 만들고 있습니다. 즐겨 찾기를 캐시 할 수도 있습니다 (JSON 배열).

즐겨 찾기가 캐싱되어 이제 add favorite 버튼이 클라이언트 측에서 작동하지 않습니다. 예, 서버 측에서 즐겨 찾기를 저장하지만 클라이언트 측에서는 변경 사항이 없습니다.

이 문제를 해결하기 위해 내가 무엇을 제안 했습니까? 다시 : 모든 싱글에 캐시를 다운로드 add favorite 내가 할 수있는 유일한 일을 클릭하거나 아마도 내가 어떻게 해결할 수있는 또 다른 방법이 있을까요?

유의하시기 바랍니다 캐시를 업데이트하는 방법을 알고 있습니다. 이 문제를 해결하는 더 좋은 방법이 있는지 궁금합니다.

감사합니다. http://www.html5rocks.com/en/tutorials/appcache/beginner/

은 당신이 할 수있는 것은 페이지의 updateready 이벤트를 모니터링 할 리스너를 사용할 수 있습니다 :

Answer 1

아픈 당신이 당신이 알아야 할이 가이드는 모든 것을 설명해야하는 경우, 자바 스크립트를 통해 HTML5 응용 프로그램 캐시를 업데이트해야 가정 하중. 위의 가이드에서 미리보기 :

당신은 병이 아니라 내 대답을 업데이트, 캐시를 업데이트하는 방법을 알고 없다는 질문을 업데이트로

// Check if a new cache is available on page load. 
window.addEventListener('load', function(e) { 

    window.applicationCache.addEventListener('updateready', function(e) { 
    if (window.applicationCache.status == window.applicationCache.UPDATEREADY) { 
     // Browser downloaded a new app cache. 
     // Swap it in and reload the page to get the new hotness. 
     window.applicationCache.swapCache(); 
     if (confirm('A new version of this site is available. Load it?')) { 
     window.location.reload(); 
     } 
    } else { 
     // Manifest didn't changed. Nothing new to server. 
    } 
    }, false); 

}, false); 

. Html5 appcache는 모든 것을 다운로드하도록 설계되었으며 문제에 대한 "수정"이 없습니다. 이것이 어떻게 설계되었는지입니다. 이제 대안 솔루션을 찾고 있다면 새로운 질문을하고 싶을 것입니다.