android中怎么使用html5离线功能

html-css013

android中怎么使用html5离线功能,第1张

HTML5的离线应用功能可以使得WebApp即使在网络断开的情况下仍能正常使用这是个非常有用的功能,但如何使Webivew支持HTML5离线应用功能呢,需要的朋友可以参考下

HTML5的离线应用功能可以使得WebApp即使在网络断开的情况下仍能正常使用,这是个非常有用的功能。近来工作中也要用到HTML5离线应用功能,由于是在Android平台上做,所以自然而然的选择Webview来解析网页。但如何使Webivew支持HTML5离线应用功能呢,经过反复摸索和上网查找资料,反复做试验终于成功了。

首先需配置webview的的一些属性,假设activity中已经有了一个Webview的实例对象,名为m_webview,然后增加以下代码:

复制代码 代码如下:

WebSettings webseting = m_webview.getSettings()

webseting.setDomStorageEnabled(true)

webseting.setAppCacheMaxSize(1024*1024*8)//设置缓冲大小,我设的是8M

String appCacheDir = this.getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath()

webseting.setAppCachePath(appCacheDir)

webseting.setAllowFileAccess(true)

webseting.setAppCacheEnabled(true)

webseting.setCacheMode(WebSettings.LOAD_DEFAULT)

webview可以设置一个WebChromeClient对象,在其onReachedMaxAppCacheSize函数对扩充缓冲做出响应。代码如下

复制代码 代码如下:

m_webview.setWebChromeClient(m_chromeClient)

private WebChromeClient m_chromeClient = new WebChromeClient(){

//扩充缓存的容量

@Override

public void onReachedMaxAppCacheSize(long spaceNeeded,

long totalUsedQuota, WebStorage.QuotaUpdater quotaUpdater) {

quotaUpdater.updateQuota(spaceNeeded * 2)

}

}

其次要修改http服务器中的配置,使其支持text/cache-manifest,我使用的是apache服务器,是windows版本的,在apache的conf文件夹中找到mime.types文件,打开后在文件的最后加上

“text/cache-manifest mf manifest”,重启服务器即可。这一步很重要,我就是因为服务器端没有配置这个,所以失败了好多次,最后是在附录链接1的回复中找到的线索。

经过以上设置Webview就可以支持HTML5的离线应用了。

附录链接1中说缓冲目录应该是getApplicationContext().getCacheDir().getAbsolutePath()但我经过试验后发现设置那个目录不起作用,可能是Android版本不同吧,我的是Android4.0.3,而他的可能是以前的Android版本吧。

缓冲目录使用getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath()是从附录链接2中找到的线索。

HTML5到底涵盖了哪些功能?这些功能到底在主流的浏览器支持情况如何?

1.HTML5核心:这部分主要由W3C官方的规范组成,涉及新的语义元素、新的增强的Web表单、音频和视频、以及通过JavaScript绘图的Canvas。北大青鸟云南嘉荟校区官网http://www.kmbdqn.cn/认为这部分大多数主流浏览器均得到很好的支持;

2.曾经的HTML5标准:这部分主要来自于最初制定的HTML5规范,其中大多数功能需要JavaScript且支持富Web应用开发。比如:本地数据存储、离线应用和消息传递;

3.非HTML5标准:这部分通常指下一代功能,虽然从未进入HTML5标准,但人们还是会把它认做HTML5的一部分。这些包括最为常见的CSS3,以及很热门的地理定位。

对于最为常用且实用的部分,基本上主流的浏览器都支持的比较好。而那些特殊需求的部分,则需要根据不同的浏览器检测才能知道是否支持自己想要的功能。