Android的webview支持HTML5的离线应用功能

最新推荐文章于 2022-08-01 16:44:26 发布

原创

最新推荐文章于 2022-08-01 16:44:26 发布 · 7.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #android #http服务器 #服务器 #apache #webapp

本文介绍了如何在Android平台上利用WebView支持HTML5的离线应用功能。通过配置WebView和修改Apache服务器的mime.types文件以支持text/cache-manifest，实现了WebApp在网络断开时仍能正常运行。关键步骤包括：调整WebView设置，修改服务器配置，并利用缓存目录。参考了附录链接中的资料完成设置。

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函数对扩充缓冲做出响应。代码如下：