Question

的Bonjour，

我尝试在缓存加载期间在离线网络应用上添加一个简单的进度条。我正在使用this article。这是＆＃34;我的＆＃34;代码：

function updateCacheStatus(sStatus) {
    $('ul.events').append('<li>'+sStatus+'</li>');
}
window.applicationCache.onchecking = function () {
    updateCacheStatus('Checking validity.');
};
window.applicationCache.ondownloading = function () {
    updateCacheStatus('Downloading');
};
window.applicationCache.oncached = function () {
    updateCacheStatus('Cached');
};
window.applicationCache.onerror = function () {
    updateCacheStatus('Bug');
};
window.applicationCache.onupdateready = function () {
    window.applicationCache.swapCache();
    updateCacheStatus('Updated');
};
window.applicationCache.onnoupdate = function () {
    updateCacheStatus('Offline OK');
};
window.applicationCache.onobsolete = function () {
    updateCacheStatus('Obsolete');
};
window.applicationCache.onprogress = function (oEvent) {
    if (oEvent.lengthComputable)
        updateCacheStatus('Loading...' + Math.round(oEvent.loaded / oEvent.total * 100) + '%');
    else
        updateCacheStatus('Loading...');
};

这在IE和Firefox上运行良好，但在使用Chrome时，页面在缓存加载期间被冻结，并且仅在过程完成后更新，所有进度步骤在结束时同时显示。这将使我希望添加的进度条完全没用：）

我尝试了不同的东西，但没有区别。有人对此有所了解吗？

提前致谢。

收听脱机应用程序缓存事件

0 个答案: