에서 HTML5 응용 프로그램 캐시 API의 updateready 이벤트를 사용하면 HTML5 응용 프로그램 캐시

Question

를 사용하여 내가 다운로드 한 자원의 동적 카운트를 사용자에게 제공하고자하는 경우 다운로드 한 자원의 수를 가져옵니다 (같은 "23 400") 그래서 그는 알 수 있습니다 그가 얼마나 오래 기다려야하는지. 내가 그 정보를 볼 수있는 크롬 브라우저의 개발자 도구의 콘솔 탭에서

,하지만 어떻게 내가 그것을 프로그래밍 자바 스크립트를 사용하여 액세스 할 수 있습니까?

Answer 1

이 솔루션은 progress 이벤트를 사용하는 것입니다, 그리고 속성 lengthComputable는,로드 및 총 :

window.applicationCache.onprogress = function(event) { 
    var progress = ""; 
    if (event && event.lengthComputable) { 
     progress = Math.round(100*event.loaded/event.total) + "%"; 
    } 
    document.getElementById("message_loading").innerHTML=progress; 
}