码迷,mamicode.com
首页 > 移动开发 > 详细

利用HTML5开发Android(6)---构建HTML5离线应用

时间:2014-09-22 00:06:41      阅读:404      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   color   io   使用   java   strong   文件   

需要提供一个cache manifest文件,理出所有需要在离线状态下使用的资源
例如
Manifest代码
 1 CACHE MANIFEST    
 2 #这是注释   
 3 images/sound-icon.png   
 4 images/background.png   
 5 clock.html    
 6 clock.css    
 7 clock.js     
 8   
 9 NETWORK:    
10 test.cgi   
11   
12 CACHE:    
13 style/default.css   
14   
15 FALLBACK:    
16 /files/projects /projects  
1 在html标签中声明 <html manifest="clock.manifest"> 
2 
3 HTML5离线应用更新缓存机制
4 分为手动更新和自动更新2种
5 自动更新:
6 在cache manifest文件本身发生变化时更新缓存 资源文件发生变化不会触发更新
7 手动更新:
8 使用window.applicationCache
9 Js代码
1 if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {   
2     window.applicationCache.update();   
3
在线状态检测
HTML5 提供了两种检测是否在线的方式:navigator.online(true/false) 和 online/offline事件。

在Android中构建离线应用
Java代码
 1 //开启应用程序缓存   
 2 webSettingssetAppCacheEnabled(true);   
 3 String dir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath();   
 4 //设置应用缓存的路径   
 5 webSettings.setAppCachePath(dir);   
 6 //设置缓存的模式   
 7 webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);   
 8 //设置应用缓存的最大尺寸   
 9 webSettings.setAppCacheMaxSize(1024*1024*8);   
10   
11 //扩充缓存的容量   
12 public void onReachedMaxAppCacheSize(long spaceNeeded,   
13             long totalUsedQuota, WebStorage.QuotaUpdater quotaUpdater) {   
14     quotaUpdater.updateQuota(spaceNeeded * 2);   
15 }  

 

利用HTML5开发Android(6)---构建HTML5离线应用

标签:android   style   blog   color   io   使用   java   strong   文件   

原文地址:http://www.cnblogs.com/lvfeilong/p/345dsfdfdg34r5435.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!