html5 中创建manifest缓存以及更新方法

最新推荐文章于 2019-09-06 15:57:17 发布

mincheat

最新推荐文章于 2019-09-06 15:57:17 发布

阅读量1.4k

点赞数

分类专栏： Html&css 文章标签： html5

Html&css 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

测试环境和工具 chromium 18.0.1025.151 (开发编译版 130497 Linux) Ubuntu 11.04

一、测试内容

1.A页面manifest缓存的js文件，B页面不设manifest是否能使用缓存的js文件

2.A页面和B页面分别使用两个不同的manifest文件，但都缓存了同一个js文件，两页面更新缓存时，是否会相互影响？

3.两个页面使用同一个manifest文件，是否是共用一份缓存？

二、详细测试

1、A页面manifest缓存的js文件，B页面不设manifest是否能使用缓存的js文件？

先上文件

cache.html

[html]view plaincopy 
   
 <html manifest="m.manifest">  
 <head>  
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  
     <script type="text/javascript" src="m.js"></script>  
 </head>  
 <body>  
 ver:1<p>  
 <input type="button" value="shwo_ver" onclick="show_ver();" /><p>  
 <input type="button" value="load_js" onclick="load_js();" /><p>  
 <input type="button" value="is_online" onclick="is_online();" /><p>  
 </body>  
 </html>  

un_cache.html

[html]view plaincopy 
   
 <html>  
 <head>  
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  
     <script type="text/javascript" src="m.js"></script>  
 </head>  
 <body>  
 ver:1<p>  
 <input type="button" value="shwo_ver" onclick="show_ver();" /><p>  
 <input type="button" value="load_js" onclick="load_js();" /><p>  
 <input type="button" value="is_online" onclick="is_online();" /><p>  
 </body>  
 </html>  

m.manifest

[plain]view plaincopy 
   
 CACHE MANIFEST  
 # VERSION  
   
 # 直接缓存的文件dd  
 CACHE:  
 m.js  
 m1.js  
   
 # 需要在时间在线的文件  
 NETWORK:  
   
 # 替代方案  
 FALLBACK:  

m.js

[javascript]view plaincopy 
   
 var ver = "1";  
   
 function show_ver() {  
     alert(ver);  
 }  
   
 function load_js() {  
     javascript:void((function(){var e=document.createElement('script');e.setAttribute('src','m1.js');document.body.appendChild(e);})())  
 }  
   
 function is_online() {  
     alert(navigator.onLine);  
 }  

测试方法：

分别访问cache.html和un_cache.html, 查看js版本都是为“1”.

然后修改m.js的版本为“2”.

刷新两个页面再次查看，cache.html显示为“1”，而un_cache.html显示为“2”

测试结论：manifest建立的缓存文件，不会被没有manifest的页面读取。

2.A页面和B页面分别使用两个不同的manifest文件，但都缓存了同一个js文件，两页面更新缓存时，是否会相互影响？

新增两个文件

cache1.html

[html]view plaincopy 
   
 <html manifest="m1.manifest">  
 <head>  
     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">  
     <script type="text/javascript" src="m.js"></script>  
 </head>  
 <body>  
 ver:1<p>  
 <input type="button" value="shwo_ver" onclick="show_ver();" /><p>  
 <input type="button" value="load_js" onclick="load_js();" /><p>  
 <input type="button" value="is_online" onclick="is_online();" /><p>  
 </body>  
 </html>  

m1.manifest

[plain]view plaincopy 
   
 CACHE MANIFEST  
 # VERSION   
   
 # 直接缓存的文件dd  
 CACHE:  
 m.js  
 m1.js  
   
 # 需要在时间在线的文件  
 NETWORK:  
   
 # 替代方案  
 FALLBACK:  