使用HTML5应用程序高速缓存获取已下载资源的数量

Question

使用HTML5应用程序高速缓存API的updateready事件时我想向用户提供下载资源的动态计数（例如“400”中的23），以便他可以知道他有多少时间要等。

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

Answer 1

的解决方案是使用进度事件和属性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; 
}