在混合式開發(fā)中，為了節(jié)省用戶流量，少不了要對相關的資源和數(shù)據(jù)進行緩存，本文主要研究的就是對H5頁面緩存。
WebView的緩存
可以分為頁面緩存和數(shù)據(jù)緩存。
- 頁面緩存：是指加載一個網(wǎng)頁時的html、JS、CSS等頁面或者資源數(shù)據(jù)。這些緩存資源是由于瀏覽器的行為而產(chǎn)生，開發(fā)者只能通過配置HTTP響應頭影響瀏覽器的行為才能間接地影響到這些緩存數(shù)據(jù)
頁面緩存可參考如下鏈接：
頁面的緩存與不緩存設置 - 數(shù)據(jù)緩存：分為
AppCache和DOM Storage（Web Storage）兩種。他們是因為頁面開發(fā)者的直接行為而產(chǎn)生。所有的緩存數(shù)據(jù)都由開發(fā)者直接完全地掌控。
AppCache
AppCache使我們能夠有選擇的緩沖web瀏覽器中所有的東西，從頁面、圖片到腳本、css等等。尤其在涉及到應用于網(wǎng)站的多個頁面上的CSS和JavaScript文件的時候非常有用。以前版本大小是5M，可以通過WebSetting.setAppCacheMaxSize進行調(diào)整，但是這個方法在API18中已經(jīng)過期。當前AppCache大小為自動調(diào)整的.This method was deprecated in API level 18. In future quota will be managed automatically.。
使用AppCache需要如下步驟：
- setAppCacheEnabled
- setAppCachePath
DOM Storage
如果存儲簡單的Key/Value格式的數(shù)據(jù)，DOM Storage是個不錯的選擇。根據(jù)作用范圍分為Session Storage和Local Storage兩種，分別用于回話級別的存儲（類似于默認的Session，關閉網(wǎng)頁就掛了）和本地化存儲（類似于沒有設置過期時間的Cookie，除非主動操作刪除，否則永遠不會過期）。
使用DOM Storage需要如下步驟：
- setDomStorageEnabled
- setDatabasePath（存儲路徑，API 19過期，調(diào)用該方法不在有效果）
緩存模式
LOAD_CACHE_ELSE_NETWORK
只要本地有，無論是否過期，或者no-cache，都使用緩存中的數(shù)據(jù)。如：www.taobao.com的cache-control為no-cache，在模式LOAD_DEFAULT下，無論如何都會從網(wǎng)絡上取數(shù)據(jù)，如果沒有網(wǎng)絡，就會出現(xiàn)錯誤頁面；在LOAD_CACHE_ELSE_NETWORK模式下，無論是否有網(wǎng)絡，只要本地有緩存，都使用緩存。本地沒有緩存時才從網(wǎng)絡上獲取LOAD_CACHE_ONLY
不使用網(wǎng)絡，只讀取本地緩存數(shù)據(jù)LOAD_DEFAULT
默認加載模式 。根據(jù)cache-control決定是否從網(wǎng)絡上取數(shù)據(jù)。LOAD_NORMAL
中已經(jīng)廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
-
LOAD_NO_CACHE
不使用緩存，只從網(wǎng)絡獲取數(shù)據(jù).
對于這不同的應用，選擇模式的方式也不同，比如當前用戶處在WIFI情況下，我會選擇LOAD_DEFAULT；如果我的頁面很大，而且不怎么更新，這個時候我就會選擇LOAD_CACHE_ELSE_NETWORK；如果整個系統(tǒng)頁面類似于股票行情那樣時刻更新的，可能會選擇LOAD_NO_CACHE
刪除緩存數(shù)據(jù)
- deleteDatabase(“WebView.db”)
- webView.clearHistory();
- webView.clearFormData();
- getCacheDir().delete();
Note:CacheDir目錄下面可能存在文件夾和其它文件，導致刪除失敗，此時可以寫循環(huán)邏輯刪除文件。示例如下：
/**
* 刪除data/data/packagename/下的所有文件，執(zhí)行該方法需謹慎，得先查看需要刪除什么文件，保留必要文件，如果把其它必要的文件也刪除了，那就不太好了
*/
private void deleteAllData(){
String filesStr = getApplicationContext().getFilesDir().getAbsolutePath();
File rootFile = new File(filesStr.substring(0,filesStr.lastIndexOf('/')));
//如果是目錄
if (rootFile.isDirectory()){
for(File file :rootFile.listFiles()){
deleteFile(file);
}
}
}
public void deleteFile(File rootFile){
Log.i(TAG,"**************************"+rootFile.getAbsolutePath());
if (rootFile.isDirectory()){
for (File file:rootFile.listFiles()){
deleteFile(file);
}
}
rootFile.delete();
}
注意：AppCache需要前端的支持，需要在在html標簽中添加manifest屬性，例如Apache服務器中：<html manifest="xxx.appcache">
關于H5緩存文件可以參考如下鏈接：
HTML5應用程序緩存Application Cache
html5 中創(chuàng)建manifest緩存以及更新方法
關于WebView緩存的ApplicationCache.db文件中，文件在表中的內(nèi)容，可參考下文末(默認配置下，我的目錄和他的不太一樣)：
關于android_webview,html5_appcache
