日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

7.5.5 WebView緩存問題

 小飛苑 2017-01-04

本節(jié)引言:

現(xiàn)在很多門戶類信息網(wǎng)站,比如虎嗅,ifanr,鈦媒體等等的APP,簡(jiǎn)單點(diǎn)說是信息閱讀類的APP,很多 都是直接嵌套一個(gè)WebView用來顯示相關(guān)資訊的,這可能就涉及到了WebView的緩存了!

所謂的頁面緩存 就是指:保存加載一個(gè)網(wǎng)頁時(shí)所需的HTML,JS,CSS等頁面相關(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ù)庫或者保存到相應(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本身自帶的緩存功能來緩存頁面,這種方式使用起來非常 簡(jiǎn)單,我們只需為WebView設(shè)置開啟相關(guān)功能,以及設(shè)置數(shù)據(jù)庫的緩存路徑即可完成緩存!具體的 實(shí)現(xiàn)我們下面一一道來~


1.緩存的分類:

首先要說的一點(diǎn)是緩存的分類,我們緩存的數(shù)據(jù)分為:頁面緩存和數(shù)據(jù)緩存

  • 頁面緩存:加載一個(gè)網(wǎng)頁時(shí)的html、JS、CSS等頁面或者資源數(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瀏覽器中所有的東西,從頁面、圖片到腳本、css等等。 尤其在涉及到應(yīng)用于網(wǎng)站的多個(gè)頁面上的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ù)作用范圍的不同,有Session Storage和Local Storage兩種,分別用于會(huì)話級(jí)別的存儲(chǔ)(頁面關(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ù)雜的樣子 當(dāng)然,不要去背,知道有這些東西就好了,實(shí)際開發(fā)用到再慢慢考究,而且我們一般只關(guān)心如何 為WebView設(shè)置緩存以及如何刪除緩存! 我們可以看下我們下面寫的demo運(yùn)行后的文件結(jié)構(gòu),打開DDMS的File Explorer:

嘿嘿,一目了然是吧~,對(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í)間!


2.為WebView開啟緩存功能

下面我們就來為WebView開啟緩存功能,先來看下實(shí)現(xiàn)的效果圖:

運(yùn)行效果圖

流程解析: 1.進(jìn)入頁面后默認(rèn)加載url,然后隨便點(diǎn)擊一個(gè)鏈接跳到第二個(gè)頁面,退出APP 2.關(guān)閉wifi以及移動(dòng)網(wǎng)絡(luò),然后重新進(jìn)入,發(fā)現(xiàn)無網(wǎng)絡(luò)的情況下,頁面還是加載了, 打開第一個(gè)鏈接也可以加載,打開其他鏈接就發(fā)現(xiàn)找不到網(wǎng)頁! 3.點(diǎn)擊清除緩存,把應(yīng)用關(guān)閉,重新進(jìn)入,發(fā)現(xiàn)頁面已經(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)頁在當(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ù)庫緩存路徑
        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ù)的路徑而已!


3.刪除WebView的緩存數(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ù)部分,而頁面緩存是由于瀏覽器 的行為而產(chǎn)生,我們只能通過配置HTTP響應(yīng)頭影響瀏覽器的行為才能間接地影響到 這些緩存數(shù)據(jù)。所以上述的方法僅僅是刪除的數(shù)據(jù)部分的緩存!


4.示例代碼下載:

WebViewDemo7.zip下載 WebViewDemo7.zip


5.本節(jié)小結(jié):

好的,本節(jié)關(guān)于WebView緩存問題就到這里,這里只是寫了如何為WebView開啟緩存, 以及刪除緩存,以后遇到再慢慢考究,這里有個(gè)映像先~嗯,就說這么多~謝謝

對(duì)了,差點(diǎn)忘了貼下本節(jié)的參考鏈接:

Android webView 緩存 Cache + HTML5離線功能 解決

Android記錄25-WebView實(shí)現(xiàn)離線緩存閱讀

Android 清除WebView緩存

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多