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

需要提供一个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 }  
时间: 2024-08-07 18:18:15

利用HTML5开发Android(6)---构建HTML5离线应用的相关文章

利用HTML5开发Android笔记(上篇)

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享 一个很简明的demo 可以作为入门基础 学习的过程中做了点笔记 整理如下 虽然内容比较简单 但是数量还是比较多的 所以分了3篇 (上)包括Android设备多分辨率的问题,Android中构建HTML5应用程序基础 (中)包括Android与JS之间的互动,Android处理JS的警告对话框等,Android中的调试 (下)包括本地储存在Android中的应用,地理位置的应用,离线应用的构建 —————————————————

利用HTML5开发Android笔记(下篇)

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享 一个很简明的demo 可以作为入门基础 学习的过程中做了点笔记 整理如下 虽然内容比较简单 但是数量还是比较多的 所以分了3篇 (上)包括Android设备多分辨率的问题,Android中构建HTML5应用程序基础 (中)包括Android与JS之间的互动,Android处理JS的警告对话框等,Android中的调试 (下)包括本地储存在Android中的应用,地理位置的应用,离线应用的构建 —————————————————

利用HTML5开发Android笔记(中篇)

资源来自于www.mhtml5.com 杨丰盛老师成都场的PPT分享 一个很简明的demo 可以作为入门基础 学习的过程中做了点笔记 整理如下 虽然内容比较简单 但是数量还是比较多的 所以分了3篇 (上)包括Android设备多分辨率的问题,Android中构建HTML5应用程序基础 (中)包括Android与JS之间的互动,Android处理JS的警告对话框等,Android中的调试 (下)包括本地储存在Android中的应用,地理位置的应用,离线应用的构建 —————————————————

利用HTML5开发Android

● Android设备多分辨率的问题 Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示 Android浏览器和WebView默认为mdpi.hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍 三种解决方式:1 viewport属性 2 CSS控制 3 JS控制 1 viewport属性放在HTML的<meta>中 Html代码 <SPAN style="FONT-SIZE: x-small">   <head&g

【转】利用HTML5开发Android

● Android设备多分辨率的问题 Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示 Android浏览器和WebView默认为mdpi.hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍 三种解决方式:1 viewport属性 2 CSS控制 3 JS控制 1 viewport属性放在HTML的<meta>中 Html代码 <SPAN style="FONT-SIZE: x-small">   <head&g

利用HTML5开发Android(5)---HTML5地理位置服务在Android中的应用

Android中 Java代码 1 //启用地理定位 2 webSettings.setGeolocationEnabled(true); 3 //设置定位的数据库路径 4 webSettings.setGeolocationDatabasePath(dir); 5 6 //配置权限(同样在WebChromeClient中实现) 7 public void onGeolocationPermissionsShowPrompt(String origin, 8 GeolocationPermiss

使用Html5开发Android和iOS应用:HBuilder、Html5Plus、MUI

活动主题:五一巨献,问答有礼,105QB送给IT互联网界的劳动人民活动时间:4月30日晚上10点~5月2日晚上10点网址: http://ask.jiutianniao.com  2014年的时候,就初步学习了下HTML5进行移动开发.主要考虑是,Android只算入门,iOS完全不会,重新学习太费时间了.如果用HTML5可以搞定的话,入门特别简单,也可以一次性搞定2个平台,节省大量的精力和成本. HBuilder是个IDE,就像Eclipse.Html5Plus是个标准,对HTML5的风准,就

利用HTML5开发Android(2)---Android中构建HTML5应用

使用WebView控件 与其他控件的使用方法相同 在layout中使用一个<WebView>标签 WebView不包括导航栏,地址栏等完整浏览器功能,只用于显示一个网页 在WebView中加载Web页面,使用loadUrl() WebView myWebView = (WebView) findViewById(R.id.webview); myWebView.loadUrl("http://www.example.com"); 注意在manifest文件中加入访问互联网的

利用HTML5开发Android(7)---HTML5本地存储之Database Storage

在上一篇<HTML5本地存储之Web Storage篇>中,简单介绍了如何利用localStorage实现本地存储:实际上,除了sessionStorage和localStorage外,HTML5还支持通过本地数据库进行本地数据存储,HTML5采用的是"SQLite"这种文件型数据库,该数据库多集中在嵌入式设备上,熟悉IOS/Android开发的同学,应该对SQLite数据库比较熟悉. HTML5中的数据库操作比较简单,主要有如下两个函数: 1.通过openDatabase