当cache.manifest下载
html5应用程序中的所有文件时,如何提醒成功消息? (完全缓存下载的基本成功警报)!
谢谢
最佳答案 感谢Garden Gnome
http://gardengnomesoftware.com/wiki/Cache_Manifest_File中精心设计的文章
我找到了答案.所有你需要做的就是创建一个div,通过将其添加到你的页面来显示缓存的状态:
<div id="cachestatus" style="position:fixed;left: 2px;top: 2px; width: 150px;height:18px;color: #ff0000;padding: 1px 3px; opacity:1; z-index:100; font-family:Arial, Helvetica, sans-serif; opacity:0.2;"></div>
并在这个div之后添加以下java脚本:
<script type="text/javascript">
var cacheStatus = document.getElementById('cachestatus');
cacheStatus.innerHTML="cache status";
if (navigator.onLine) {
window.applicationCache.addEventListener('updateready', function(e) {
if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
window.applicationCache.swapCache();
cacheStatus.innerHTML="update ready!";
if (confirm('A new version of this page is available. Reload?')) {
window.location.reload();
}
}
}, false);
window.applicationCache.addEventListener('cached', function(e) {cacheStatus.innerHTML="cache is ready!"; },false);
window.applicationCache.addEventListener('noupdate', function(e) { cacheStatus.innerHTML="cache is up to date!"; },false);
window.applicationCache.addEventListener('downloading', function(e) { cacheStatus.innerHTML="downloading..."; },false);
window.applicationCache.addEventListener('error', function(e) { cacheStatus.innerHTML="error"; },false);
window.applicationCache.update();
} else {
cacheStatus.innerHTML="offline";
}
</script>
缓存的状态将显示在DIV中.