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

Question

当使用 HTML5 应用程序缓存 API 的 updateready 事件时，我想为用户提供下载资源的动态计数（例如“23 of 400”），以便他知道他需要等待多长时间。

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

Answer 1

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