1.介紹webView

WebView是Android中提供用來瀏覽網頁的控制元件，WebView的引擎是webKit，只是在高低版本使用的不同核心的webKit，在Android4.4後直接使用了Chrome。

2.作用

1.用來展示網頁
2.可以直接是本地的(或者遠端的)html來佈局

3.簡單的使用

一.webview是一個元件，建立方法有兩種
1.直接在xml中佈局
2.直接new一個WebView新增到佈局中


二.webView的狀態
webview有正常瀏覽網頁狀態、暫停狀態、銷燬狀態
1.webview.onResume();
//正常瀏覽網頁狀態
2.webview.onPause();
//暫停狀態 會停止所有的動作，DOM的解析，外掛的執行，JavaScript的執行
 

webview.pauseTimers();
//停止所有webView的layout， 怕熱sing， JavaScripttimer，降低CPU功耗

webview.resumeTimer();
//恢復pauserTimer狀態

三.配置webview

配置webview可以使用webSettings這個子類來完成
//獲取WebSettings物件
WebSettings settings = webview.getSettings();
//是否支援JavaScript的互動
settings.setJavaSciptEnabled(true);
//設定自適應螢幕，兩者合用
settings.setUseWideViewPort(true
 
); //將圖片調整合適webview的大小
settings.setLoadWithOverviewMode(true); //縮放至螢幕的大小
//縮放操作
settings.setSupportZoom(true); //支援縮放，
settings.setBuiltInZoomControls(true); //設定內建縮放控制元件
settings.setDisplayZoomControls(false); //隱藏原生的縮放控制元件

settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //關閉webview中快取
settings.setAllowFileAccess(true
 
); //設定可以訪問檔案
settings.setJavaScriptCanOpenWindowsAutomtically(true); //支援通過JS開啟新視窗
settings.setLoadsImagesAutomatically(true); //支援自動載入圖片
settings.setDefaultTextEncodingName("utf-8"); //設定預設編碼格式

setCacheMode有四種載入模式
1.WebSettings.LOAD_CACHE_ONLY: 不使用網路，只讀取本地快取資料
2.WebSettings.LOAD_DEFAULT: （預設）根據cache-control決定是否從網路上取資料
3.WebSettings.LOAD_NO_CACHE: 不使用快取，只從網路獲取資料
4.WebSettings.LOAD_CACHE_ELSE_NETWORK: 只要本地有，無論是否過期，獲取no-cache，都使用快取中的資料。

WebView在載入資料時，會在data/data/包名目錄下生成database和cache兩個資料夾。URL記錄儲存在WebViewCache.db中，URL中的內容儲存在WebViewCache資料夾下

結合離線載入
if(判斷網路）{
    //網路可用時，從網路上載入
    settings.setCacheMode(WebSettings.LOAD_DEFAULT);
} else{
    //網路不可用時，從本地載入資料
    settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
}

//一些其他設定
settings.setDomStorageEnabled(); //開啟DOM storage API功能
settings.setDatabaseEnabled(); //開啟database storage API功能
settings.setAppCacheEnabled(); //開啟 Application Caches功能

settings.setAppCachePath(""); //設定Application caches的快取目錄
每一個Application 只調用一次setAppCachePath(),setAppCacheMaxSize();

四.處理通知和請求事件
webview.setWebViewClient(new WebViewClient(){
                /*
            * shouldOverrideUrlLoading
            * 作用：開啟網頁時不呼叫系統瀏覽器，而是在本WebView中顯示；在網頁上的所有載入都經過這個
            * 方法，這個函式我們可以做很多操作
            * */

            //在API21及以下，使用該方法
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                //使用webview進行載入
                view.loadUrl(url);
                //已處理，返回true
                return true;
            }

            //在API21以上，使用該方法
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                return super.shouldOverrideUrlLoading(view, request);
            }

            //作用： 開始載入頁面呼叫的，我們可以設定一個loading的頁面，告訴使用者程式在等待網路響應。
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                //設定記載開始的操作
            }

            //作用：在頁面載入結束時呼叫。我們課可以關閉loading條，切換程式動作
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                //設定載入結束的操作
            }

            //作用：在載入頁面資源是會呼叫，每一個資源(比如圖片)的載入都會呼叫一次
            @Override
            public void onLoadResource(WebView view, String url) {
                super.onLoadResource(view, url);
                //設定載入資源的操作
            }

            //作用： 載入頁面的伺服器出現錯誤時(如404)呼叫。
            /*
            * App裡面使用webview控制元件的時候遇到了諸如404這類的錯誤的時候，若是顯示瀏覽器裡面的那種錯誤
            * 提示頁面就顯得很醜陋了，那麼這個時候我們的app就需要架子啊一個本地的錯誤提示頁面，即webview
            * 如何載入一個本地的頁面
            * */
            //在API23以下使用該方法
            @Override
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
                //步驟1：寫一個html檔案(error_handle.html),用於出錯時顯示個使用者看的提示頁面
                //步驟2：將該html檔案放置到程式碼根目錄的assets資料夾下
                //步驟3：複寫WebViewClient的onReceivedError方法
                //該方法傳回了錯誤碼，根據錯誤型別可以進行不同的錯誤分類處理
/*                switch (errorCode){
                    case HttpStatus.SC_NOT_FOUND:
                        view.loadUrl("file:///android_assets/error_handle.html");
                        break;
                }*/
            }

            //在API23以上，使用該方法
            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
            }

            //作用：處理https請求
            //webView預設是不處理https請求的，頁面顯示空白，需要進行如下設定：
            @Override
            public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {
                super.onReceivedSslError(view, handler, error);
                handler.proceed(); //表示等待證書響應
                //handler.cancel(); //表示掛起連線，為預設方式
                //handler.handleMessage(null); //可做其他處理
            }
});

五.輔助WebView處理JavaScript的對話方塊，網址圖示，網站標題等等
 //設定WebChromeClient
        mWebView.setWebChromeClient(new WebChromeClient(){

            //作用：獲得網頁的載入進度並顯示
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
            }

            /*作用：獲取Web頁中的標題
            * 每個網頁的頁面都有一個標題，比如www.baidu.com這個頁面的標題即"百度一下，你就知道"
            * 那麼如何知道當前WebView正在載入的頁面的title並進行設定呢*/
            @Override
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
                mToolbar.setTitle(title);
            }

            // 由於設定了彈窗檢驗呼叫結果,所以需要支援js對話方塊
            // webview只是載體，內容的渲染需要使用webviewChromClient類去實現
            // 通過設定WebChromeClient物件處理JavaScript的對話方塊
            //設定響應js 的Alert()函式
            @Override
            public boolean onJsAlert(WebView view, String url, String message, final JsResult result) {
return super.onJsAlert(view, url, message, result);
            }
        });

六.webview載入網頁的幾種方法

loadUrl(String url); //可以是網路地址，也可以是本地地址
loadUrl(String url, Map<String, String> additionalHttpHeaders);//可以是網路地址，也可以是本地地址， 新增頭部 
loadData(String data, String mimeType, String encoding); //data 是string資料， 格式， 編碼格式
loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding, String historyUrl); //base的url地址， data資料， 格式， 編碼格式， 歷史記錄url

七.銷燬webView
在銷燬webView時， 先將webview載入為null內容， 可以在此清理歷史記錄，然後移除webView，在銷燬webview，最後在將webview置為null
webview.loadDataWithBaseURL(null, "", "text/html", "utf-8", null); //載入null資料
webview.clearHistory(); //清除歷史記錄
webview.getParent().remove(webview); //移除webview
webview.destroy(); //銷燬webview
webview = null; //將webview置為null

4.防止記憶體洩漏

一.新建webview時
在使用webView元件時，最好不要將webview寫在xml中，而是直接new一個webview
context使用getApplicationContext();
二.銷燬時
在銷燬webView時， 先將webview載入為null內容， 可以在此清理歷史記錄，然後移除webView，在銷燬webview，最後在將webview置為null
webview.loadDataWithBaseURL(null, "", "text/html", "utf-8", null); //載入null資料
webview.clearHistory(); //清除歷史記錄
webview.getParent().remove(webview); //移除webview
webview.destroy(); //銷燬webview
webview = null; //將webview置為null