012.WebView中緩存H5文件

在混合式開發(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末日麸,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子逮光,更是在濱河造成了極大的恐慌代箭,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,332評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涕刚,死亡現(xiàn)場離奇詭異嗡综,居然都是意外死亡,警方通過查閱死者的電腦和手機杜漠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,508評論 3 385
  • 文/潘曉璐 我一進(jìn)店門极景,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人驾茴,你說我怎么就攤上這事盼樟。” “怎么了锈至?”我有些...
    開封第一講書人閱讀 157,812評論 0 348
  • 文/不壞的土叔 我叫張陵晨缴,是天一觀的道長。 經(jīng)常有香客問我峡捡,道長击碗,這世上最難降的妖魔是什么筑悴? 我笑而不...
    開封第一講書人閱讀 56,607評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮稍途,結(jié)果婚禮上阁吝,老公的妹妹穿的比我還像新娘。我一直安慰自己械拍,他們只是感情好突勇,可當(dāng)我...
    茶點故事閱讀 65,728評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著殊者,像睡著了一般与境。 火紅的嫁衣襯著肌膚如雪验夯。 梳的紋絲不亂的頭發(fā)上猖吴,一...
    開封第一講書人閱讀 49,919評論 1 290
  • 那天,我揣著相機與錄音挥转,去河邊找鬼海蔽。 笑死,一個胖子當(dāng)著我的面吹牛绑谣,可吹牛的內(nèi)容都是我干的党窜。 我是一名探鬼主播,決...
    沈念sama閱讀 39,071評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼借宵,長吁一口氣:“原來是場噩夢啊……” “哼幌衣!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起壤玫,我...
    開封第一講書人閱讀 37,802評論 0 268
  • 序言:老撾萬榮一對情侶失蹤豁护,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后欲间,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體楚里,經(jīng)...
    沈念sama閱讀 44,256評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,576評論 2 327
  • 正文 我和宋清朗相戀三年猎贴,在試婚紗的時候發(fā)現(xiàn)自己被綠了班缎。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,712評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡她渴,死狀恐怖达址,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情趁耗,我是刑警寧澤苏携,帶...
    沈念sama閱讀 34,389評論 4 332
  • 正文 年R本政府宣布,位于F島的核電站对粪,受9級特大地震影響右冻,放射性物質(zhì)發(fā)生泄漏装蓬。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,032評論 3 316
  • 文/蒙蒙 一纱扭、第九天 我趴在偏房一處隱蔽的房頂上張望牍帚。 院中可真熱鬧,春花似錦乳蛾、人聲如沸暗赶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蹂随。三九已至,卻和暖如春因惭,著一層夾襖步出監(jiān)牢的瞬間岳锁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,026評論 1 266
  • 我被黑心中介騙來泰國打工蹦魔, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留激率,地道東北人。 一個月前我還...
    沈念sama閱讀 46,473評論 2 360
  • 正文 我出身青樓勿决,卻偏偏與公主長得像乒躺,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子低缩,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,606評論 2 350

推薦閱讀更多精彩內(nèi)容