現(xiàn)在很多門戶類信息網(wǎng)站，比如虎嗅，ifanr，鈦媒體等等的APP，簡(jiǎn)單點(diǎn)說是信息閱讀類的APP，很多都是直接嵌套一個(gè)WebView用來顯示相關(guān)資訊的，這可能就涉及到了WebView的緩存了！
所謂的頁(yè)面緩存就是指：保存加載一個(gè)網(wǎng)頁(yè)時(shí)所需的HTML，JS，CSS等頁(yè)面相關(guān)的數(shù)據(jù)以及其他資源，當(dāng)沒網(wǎng)的時(shí)候或者網(wǎng)絡(luò)狀態(tài)較差的時(shí)候，加載本地保存好的相關(guān)數(shù)據(jù)！而實(shí)現(xiàn)這個(gè)緩存的方式有兩種，一種是后臺(tái)寫一個(gè)下載的Service，將文章相關(guān)的數(shù)據(jù)按自己的需求下載到數(shù)據(jù)庫(kù)或者保存到相應(yīng)文件夾中，然后下次加載對(duì)應(yīng)URL前先判斷是否存在本地緩存，如果存在優(yōu)先加載本地緩存，不存在則執(zhí)行聯(lián)網(wǎng)請(qǐng)求，同時(shí)緩存相關(guān)資源，典型的如舊版本的36Kr，在進(jìn)去后會(huì)先離線文章，然后再顯示！
當(dāng)然，本節(jié)要講解的不是這種自己寫邏輯的方式，而是通過WebView本身自帶的緩存功能來緩存頁(yè)面，這種方式使用起來非常簡(jiǎn)單，我們只需為WebView設(shè)置開啟相關(guān)功能，以及設(shè)置數(shù)據(jù)庫(kù)的緩存路徑即可完成緩存！具體的實(shí)現(xiàn)我們下面一一道來~
首先要說的一點(diǎn)是緩存的分類，我們緩存的數(shù)據(jù)分為：頁(yè)面緩存和數(shù)據(jù)緩存
頁(yè)面緩存：加載一個(gè)網(wǎng)頁(yè)時(shí)的html、JS、CSS等頁(yè)面或者資源數(shù)據(jù)，這些緩存資源是由于瀏覽器的行為而產(chǎn)生，開發(fā)者只能通過配置HTTP響應(yīng)頭影響瀏覽器的行為才能間接地影響到這些緩存數(shù)據(jù)。而緩存的索引放在：/data/data/<包名>/databases對(duì)應(yīng)的文件放在：/data/data/package_name/cache/webviewCacheChromunm下
數(shù)據(jù)緩存：分為AppCache和DOM Storage兩種我們開發(fā)者可以自行控制的就是這些緩存資源，
AppCache：我們能夠有選擇的緩沖web瀏覽器中所有的東西，從頁(yè)面、圖片到腳本、css等等。尤其在涉及到應(yīng)用于網(wǎng)站的多個(gè)頁(yè)面上的CSS和JavaScript文件的時(shí)候非常有用。其大小目前通常是5M。在Android上需要手動(dòng)開啟（setAppCacheEnabled），并設(shè)置路徑（setAppCachePath）和容量（setAppCacheMaxSize），而Android中使用ApplicationCache.db來保存AppCache數(shù)據(jù)！
DOM Storage：存儲(chǔ)一些簡(jiǎn)單的用key/value對(duì)即可解決的數(shù)據(jù)，根據(jù)作用范圍的不同，有SessionStorage和Local Storage兩種，分別用于會(huì)話級(jí)別的存儲(chǔ)（頁(yè)面關(guān)閉即消失）和本地化存儲(chǔ)（除非主動(dòng)刪除，否則數(shù)據(jù)永遠(yuǎn)不會(huì)過期）在Android中可以手動(dòng)開啟DOM Storage（setDomStorageEnabled），設(shè)置存儲(chǔ)路徑（setDatabasePath）Android中Webkit會(huì)為DOMStorage產(chǎn)生兩個(gè)文件（my_path/localstorage/http_blog.csdn.net_0.localstorage和my_path/Databases.db）
好吧，看完上面，是不是想說一句，臥槽，什么鬼，好復(fù)雜的樣子
嘿嘿，一目了然是吧~，對(duì)了另外還要說下幾種緩存的模式：
- LOAD_CACHE_ONLY: 不使用網(wǎng)絡(luò)，只讀取本地緩存數(shù)據(jù)
- LOAD_DEFAULT: 根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)。
- LOAD_CACHE_NORMAL: API level 17中已經(jīng)廢棄, 從API level 11開始作用同LOAD_DEFAULT模式
- LOAD_NO_CACHE: 不使用緩存，只從網(wǎng)絡(luò)獲取數(shù)據(jù).
- LOAD_CACHE_ELSE_NETWORK，只要本地有，無論是否過期，或者no-cache，都使用緩存中的數(shù)據(jù)。
總結(jié)：根據(jù)以上兩種模式，建議緩存策略為，判斷是否有網(wǎng)絡(luò)，有的話，使用LOAD_DEFAULT，無網(wǎng)絡(luò)時(shí)，使用LOAD_CACHE_ELSE_NETWORK。
接下來堆碼時(shí)間！
下面我們就來為WebView開啟緩存功能，先來看下實(shí)現(xiàn)的效果圖：
運(yùn)行效果圖：
流程解析：1.進(jìn)入頁(yè)面后默認(rèn)加載url，然后隨便點(diǎn)擊一個(gè)鏈接跳到第二個(gè)頁(yè)面，退出APP2.關(guān)閉wifi以及移動(dòng)網(wǎng)絡(luò)，然后重新進(jìn)入，發(fā)現(xiàn)無網(wǎng)絡(luò)的情況下，頁(yè)面還是加載了，打開第一個(gè)鏈接也可以加載，打開其他鏈接就發(fā)現(xiàn)找不到網(wǎng)頁(yè)！3.點(diǎn)擊清除緩存，把應(yīng)用關(guān)閉，重新進(jìn)入，發(fā)現(xiàn)頁(yè)面已經(jīng)打不開！
接下來是代碼實(shí)現(xiàn)：MainActivity.java:
public class MainActivity extends AppCompatActivity { private WebView wView; private Button btn_clear_cache; private Button btn_refresh; private static final String APP_CACHE_DIRNAME = "/webcache"; // web緩存目錄 private static final String URL = "http://blog.csdn.net/coder_pig"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); wView = (WebView) findViewById(R.id.wView); btn_clear_cache = (Button) findViewById(R.id.btn_clear_cache); btn_refresh = (Button) findViewById(R.id.btn_refresh); wView.loadUrl(URL); wView.setWebViewClient(new WebViewClient() { //設(shè)置在webView點(diǎn)擊打開的新網(wǎng)頁(yè)在當(dāng)前界面顯示,而不跳轉(zhuǎn)到新的瀏覽器中 @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } }); WebSettings settings = wView.getSettings(); settings.setJavaScriptEnabled(true); //設(shè)置緩存模式 settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); // 開啟DOM storage API 功能 settings.setDomStorageEnabled(true); // 開啟database storage API功能 settings.setDatabaseEnabled(true); String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACHE_DIRNAME; Log.i("cachePath", cacheDirPath); // 設(shè)置數(shù)據(jù)庫(kù)緩存路徑 settings.setAppCachePath(cacheDirPath); settings.setAppCacheEnabled(true); Log.i("databasepath", settings.getDatabasePath()); btn_clear_cache.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { wView.clearCache(true); } }); btn_refresh.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { wView.reload(); } }); } //重寫回退按鈕的點(diǎn)擊事件 @Override public void onBackPressed() { if(wView.canGoBack()){ wView.goBack(); }else{ super.onBackPressed(); } }}代碼很簡(jiǎn)單，我們做的僅僅是開啟緩存的功能，以及設(shè)置緩存模式以及緩存的數(shù)據(jù)的路徑而已！
上面的示例，我們通過調(diào)用WebView的clearCache(true)方法，已經(jīng)實(shí)現(xiàn)了對(duì)緩存的刪除！除了這種方法外，還有下述方法：
- setting.setCacheMode(WebSettings.LOAD_NO_CACHE);
- deleteDatabase("WebView.db");和deleteDatabase("WebViewCache.db");
- webView.clearHistory();
- webView.clearFormData();
- getCacheDir().delete();
- 手動(dòng)寫delete方法，循環(huán)迭代刪除緩存文件夾！
當(dāng)然，前面也說，我們能這直接操作的只是數(shù)據(jù)部分，而頁(yè)面緩存是由于瀏覽器的行為而產(chǎn)生，我們只能通過配置HTTP響應(yīng)頭影響瀏覽器的行為才能間接地影響到這些緩存數(shù)據(jù)。所以上述的方法僅僅是刪除的數(shù)據(jù)部分的緩存！
WebViewDemo7.zip：下載 WebViewDemo7.zip
好的，本節(jié)關(guān)于WebView緩存問題就到這里，這里只是寫了如何為WebView開啟緩存，以及刪除緩存，以后遇到再慢慢考究，這里有個(gè)映像先~嗯，就說這么多~謝謝
對(duì)了，差點(diǎn)忘了貼下本節(jié)的參考鏈接：
Android webView 緩存 Cache + HTML5離線功能 解決
聯(lián)系客服
