Android的webview支持HTML5的離線應(yīng)用功能詳細(xì)配置

更新時(shí)間：2012年12月13日 14:55:47 作者：

HTML5的離線應(yīng)用功能可以使得WebApp即使在網(wǎng)絡(luò)斷開(kāi)的情況下仍能正常使用這是個(gè)非常有用的功能,但如何使Webivew支持HTML5離線應(yīng)用功能呢,需要的朋友可以參考下

HTML5的離線應(yīng)用功能可以使得WebApp即使在網(wǎng)絡(luò)斷開(kāi)的情況下仍能正常使用，這是個(gè)非常有用的功能。近來(lái)工作中也要用到HTML5離線應(yīng)用功能，由于是在Android平臺(tái)上做，所以自然而然的選擇Webview來(lái)解析網(wǎng)頁(yè)。但如何使Webivew支持HTML5離線應(yīng)用功能呢，經(jīng)過(guò)反復(fù)摸索和上網(wǎng)查找資料，反復(fù)做試驗(yàn)終于成功了。

首先需配置webview的的一些屬性，假設(shè)activity中已經(jīng)有了一個(gè)Webview的實(shí)例對(duì)象，名為m_webview，然后增加以下代碼：

復(fù)制代碼代碼如下:

 
WebSettings webseting = m_webview.getSettings(); 
webseting.setDomStorageEnabled(true); 
webseting.setAppCacheMaxSize(1024*1024*8);//設(shè)置緩沖大小，我設(shè)的是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可以設(shè)置一個(gè)WebChromeClient對(duì)象，在其onReachedMaxAppCacheSize函數(shù)對(duì)擴(kuò)充緩沖做出響應(yīng)。代碼如下

復(fù)制代碼代碼如下:

 
m_webview.setWebChromeClient(m_chromeClient); 
private WebChromeClient m_chromeClient = new WebChromeClient(){ 
//擴(kuò)充緩存的容量 
@Override 
public void onReachedMaxAppCacheSize(long spaceNeeded, 
long totalUsedQuota, WebStorage.QuotaUpdater quotaUpdater) { 
quotaUpdater.updateQuota(spaceNeeded * 2); 
} 
}; 

其次要修改http服務(wù)器中的配置，使其支持text/cache-manifest，我使用的是apache服務(wù)器，是windows版本的，在apache的conf文件夾中找到mime.types文件，打開(kāi)后在文件的最后加上
“text/cache-manifest mf manifest”，重啟服務(wù)器即可。這一步很重要，我就是因?yàn)榉?wù)器端沒(méi)有配置這個(gè)，所以失敗了好多次，最后是在附錄鏈接1的回復(fù)中找到的線索。
經(jīng)過(guò)以上設(shè)置Webview就可以支持HTML5的離線應(yīng)用了。

附錄鏈接1中說(shuō)緩沖目錄應(yīng)該是getApplicationContext().getCacheDir().getAbsolutePath();但我經(jīng)過(guò)試驗(yàn)后發(fā)現(xiàn)設(shè)置那個(gè)目錄不起作用，可能是Android版本不同吧，我的是Android4.0.3，而他的可能是以前的Android版本吧。

緩沖目錄使用getApplicationContext().getDir("cache", Context.MODE_PRIVATE).getPath()是從附錄鏈接2中找到的線索。

您可能感興趣的文章: