2012-03-15 60 views
1

下载所有文件和缓存,默认情况下,html5缓存的工作方式是在manifest中提及的file/page/js/css/image文件在加载时被缓存第一,但我要求所有的文件应该从我的主页一次缓存....有没有办法从缓存清单文件

回答

0

我得到了脚本来缓存您在清单文件中提到的所有文件。

<!DOCTYPE html> 
<html manifest='../cache.manifest'>// reference path of your manifest file 
<head> 

<title>Untitled Document</title> 
<script type="text/javascript"> 
    var cacheStatusValues = []; 
    cacheStatusValues[0] = 'uncached'; 
    cacheStatusValues[1] = 'idle'; 
    cacheStatusValues[2] = 'checking'; 
    cacheStatusValues[3] = 'downloading'; 
    cacheStatusValues[4] = 'updateready'; 
    cacheStatusValues[5] = 'obsolete'; 

    var cache = window.applicationCache; 
    cache.addEventListener('cached', logEvent, false); 
    cache.addEventListener('checking', logEvent, false); 
    cache.addEventListener('downloading', logEvent, false); 
    cache.addEventListener('error', logEvent, false); 
    cache.addEventListener('noupdate', logEvent, false); 
    cache.addEventListener('obsolete', logEvent, false); 
    cache.addEventListener('progress', logEvent, false); 
    cache.addEventListener('updateready', logEvent, false); 

    function logEvent(e) { 

     var online, status, type, message; 
     online = (navigator.onLine) ? 'yes' : 'no'; 
     status = cacheStatusValues[cache.status]; 
     type = e.type; 
     message = 'online: ' + online; 
     message += ', event: ' + type; 
     message += ', status: ' + status; 
     if (type == 'error' && navigator.onLine) { 
      message += ' (prolly a syntax error in manifest)'; 
     } 
     alert(message); 
     document.getElementById("lblEvents").value = message; 

    } 

     window.applicationCache.addEventListener(
     'updateready', 
     function() { 
      window.applicationCache.swapCache(); 
    window.location.reload(); 
     }, 
     false 
    ); 
     // end Script 
</script> 
</head> 

<body> 
<!-- 
Your body tags 
--> 
</body> 
</html> 
+0

如果你只是让浏览器缓存中的文件本身同样的事情会发生,整个清单将被原子更新。 – robertc 2012-04-04 16:34:13

1

Appcache更新是原子。在下载清单中引用的所有文件之前,appcache不用于为它们提供服务。如果您需要加载所有内容,请将所有内容放入清单中。使用脚本生成清单文件,而不是使用通配符。

相关问题