window.applicationCache事件，介紹

不幸聲明，window.applicationCache 已經逐漸棄用

更多參考：https://www.cnblogs.com/tianma3798/p/12287972.html

可以使用Service Worker 代替

 

1.關於applicationCache對象

在IE和Google中 為ApplicationCache對象

而在FF中為 OfflineResourceList對象

通過ApplicationCache對象我們可以添加時間綁定，可以訪問當前狀態status值

console.info(window.applicationCache);
window.applicationCache.oncached = function (e) {
    console.info('緩存成功');
    console.info(e);
}
window.applicationCache.onchecking = function (e) {
    console.info('檢查中');
    //console.info(e);
}
window.applicationCache.ondownloading = function (e) {
    console.info('下載中');
    //console.info(e);
}
window.applicationCache.onnoupdate = function (e) {
    console.info('沒有更新內容');
    //console.info(e);
}
//window.applicationCache.onprogress = function (e) {
//    console.info('更新過程中,已經加載了:'+e.loaded+',總共：'+e.total);
//    //console.info(e);
//}
window.applicationCache.addEventListener('progress', function (e) {
    console.info('更新過程中,已經加載了:' + e.loaded + ',總共：' + e.total);
    console.info(e);
}, false);
window.applicationCache.onupdateready = function (e) {
    console.info('更新成功');
    // console.info(e);
}

如下：

2.關於 onprogress事件的 event對象

在IE和Google中 都是 ProgressEvent對象 ，支持 loaded和total

而在FF中 為 Progress對象，不支持loaded和total

如下圖；

其他api說明：http://docs.webplatform.org/wiki/apis/appcache/ApplicationCache