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

Get count of downloaded resources when using HTML5 Application Cache

本文关键字：下载 资源 缓存 HTML5 应用程序 获取      更新时间：2023-09-26

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

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

解决方案是使用 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;
}
相关文章：