使用HTML5应用程序缓存时获取下载资源的计数

Question

当使用HTML5应用程序缓存API的updateready事件时，我想为用户提供下载资源的动态计数（例如＆＃34; 23 of 400＆＃34;），这样他就可以知道他有多少时间了等等。

在Chrome浏览器的开发者工具的控制台标签上，我可以看到该信息，但如何使用Javascript以编程方式访问它？

Answer 1

解决方案是使用progress事件，以及属性lengthComputable，loaded和total：

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;
}