在混合式開發(fā)中田炭,為了節(jié)省用戶流量,少不了要對相關(guān)的資源和數(shù)據(jù)進(jìn)行緩存仙逻,本文主要研究的就是對H5頁面緩存茂翔。
WebView的緩存
可以分為頁面緩存和數(shù)據(jù)緩存混蔼。
- 頁面緩存:是指加載一個網(wǎng)頁時的html、JS珊燎、CSS等頁面或者資源數(shù)據(jù)惭嚣。這些緩存資源是由于瀏覽器的行為而產(chǎn)生遵湖,開發(fā)者只能通過配置HTTP響應(yīng)頭影響瀏覽器的行為才能間接地影響到這些緩存數(shù)據(jù)
頁面緩存可參考如下鏈接:
頁面的緩存與不緩存設(shè)置 - 數(shù)據(jù)緩存:分為
AppCache
和DOM Storage(Web Storage)兩種。他們是因為頁面開發(fā)者的直接行為而產(chǎn)生料按。所有的緩存數(shù)據(jù)都由開發(fā)者直接完全地掌控。
AppCache
AppCache使我們能夠有選擇的緩沖web瀏覽器中所有的東西卓箫,從頁面载矿、圖片到腳本、css等等烹卒。尤其在涉及到應(yīng)用于網(wǎng)站的多個頁面上的CSS和JavaScript文件的時候非常有用闷盔。以前版本大小是5M,可以通過WebSetting.setAppCacheMaxSize
進(jìn)行調(diào)整旅急,但是這個方法在API18中已經(jīng)過期逢勾。當(dā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兩種,分別用于回話級別的存儲(類似于默認(rèn)的Session谣辞,關(guān)閉網(wǎng)頁就掛了)和本地化存儲(類似于沒有設(shè)置過期時間的Cookie迫摔,除非主動操作刪除,否則永遠(yuǎn)不會過期)泥从。
使用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)絡(luò)上取數(shù)據(jù)帆阳,如果沒有網(wǎng)絡(luò)啤它,就會出現(xiàn)錯誤頁面;在LOAD_CACHE_ELSE_NETWORK模式下舱痘,無論是否有網(wǎng)絡(luò)变骡,只要本地有緩存,都使用緩存芭逝。本地沒有緩存時才從網(wǎng)絡(luò)上獲取LOAD_CACHE_ONLY
不使用網(wǎng)絡(luò)塌碌,只讀取本地緩存數(shù)據(jù)LOAD_DEFAULT
默認(rèn)加載模式 。根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)旬盯。LOAD_NORMAL
中已經(jīng)廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
-
LOAD_NO_CACHE
不使用緩存台妆,只從網(wǎng)絡(luò)獲取數(shù)據(jù).
對于這不同的應(yīng)用翎猛,選擇模式的方式也不同,比如當(dāng)前用戶處在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目錄下面可能存在文件夾和其它文件鹃两,導(dǎo)致刪除失敗遗座,此時可以寫循環(huán)邏輯刪除文件。示例如下:
/**
* 刪除data/data/packagename/下的所有文件俊扳,執(zhí)行該方法需謹(jǐn)慎途蒋,得先查看需要刪除什么文件,保留必要文件馋记,如果把其它必要的文件也刪除了号坡,那就不太好了
*/
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標(biāo)簽中添加manifest屬性梯醒,例如Apache服務(wù)器中:<html manifest="xxx.appcache">
關(guān)于H5緩存文件可以參考如下鏈接:
HTML5應(yīng)用程序緩存Application Cache
html5 中創(chuàng)建manifest緩存以及更新方法
關(guān)于WebView緩存的ApplicationCache.db文件中筋帖,文件在表中的內(nèi)容,可參考下文末(默認(rèn)配置下冤馏,我的目錄和他的不太一樣):
關(guān)于android_webview,html5_appcache