摘要：不使用緩存，只從網絡獲取數據，只要本地有，無論是否過期，或者，都使用緩存中的數據。這個方法，就是界面的加載開始，可以在這里設置一個加載的引導動畫，使得客戶體驗更好在頁面加載結束時調用。銷毀，關閉了時，音樂或視頻，還在播放。

如果本文幫助到你，本人不勝榮幸，如果浪費了你的時間，本人深感抱歉， 希望能對您所有幫助！

隨著H5的應用越來越潮流，與原生交互必然也是一種趨勢，然后自己從中學點皮毛，再次總結了一點心得。

學習一個新的首先要懂得其Api里面的方法，接下來淺談一下；

加載一個網頁： 
webView.loadUrl(“http://www.google.com/“);
加載apk包中的一個html頁面 
webView.loadUrl(“file:///android_asset/test.html”);
加載手機本地的一個html頁面的方法： 
webView.loadUrl(“content://com.android.htmlfileprovider/sdcard/test.html”);

WebSettings:

WebSettings webSettings = mWebView .getSettings();

//支持獲取手勢焦點，輸入用戶名、密碼或其他
webview.requestFocusFromTouch();

setJavaScriptEnabled(true);  //支持js
setPluginsEnabled(true);  //支持插件

webSettings.setRenderPriority(RenderPriority.HIGH);  //提高渲染的優先級

設置自適應屏幕，兩者合用
setUseWideViewPort(true);  //將圖片調整到適合webview的大小
setLoadWithOverviewMode(true); // 縮放至屏幕的大小

setSupportZoom(true);  //支持縮放，默認為true。是下面那個的前提。
setBuiltInZoomControls(true); //設置內置的縮放控件。
//若上面是false，則該WebView不可縮放，這個不管設置什么都不能縮放。

setDisplayZoomControls(false); //隱藏原生的縮放控件

 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            // 不然5.0以后http和https混合的頁面會加載不出來
            settings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
        }

setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持內容重新布局
supportMultipleWindows();  //多窗口
setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //關閉webview中緩存
setAllowFileAccess(true);  //設置可以訪問文件
setNeedInitialFocus(true); //當webview調用requestFocus時為webview設置節點
setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新窗口
setLoadsImagesAutomatically(true);  //支持自動加載圖片
setDefaultTextEncodingName("utf-8");//設置編碼格式

5.0以后http和https混合的頁面會加載不出來

參數類型說明：
MIXED_CONTENT_ALWAYS_ALLOW：允許從任何來源加載內容，即使起源是不安全的；
MIXED_CONTENT_NEVER_ALLOW：不允許Https加載Http的內容，即不允許從安全的起源去加載一個不安全的資源；
MIXED_CONTENT_COMPATIBILITY_MODE：當涉及到混合式內容時，WebView 會嘗試去兼容最新Web瀏覽器的風格。

在5.0以下 Android 默認是 全允許，
但是到了5.0以上，就是不允許，實際情況下很我們很難確定所有的網頁都是https的，所以就需要這一步的操作。

緩存模式

LOAD_CACHE_ONLY: 不使用網絡，只讀取本地緩存數據 
LOAD_DEFAULT: （默認）根據cache-control決定是否從網絡上取數據。 
LOAD_NO_CACHE: 不使用緩存，只從網絡獲取數據. 
LOAD_CACHE_ELSE_NETWORK，只要本地有，無論是否過期，或者no-cache，都使用緩存中的數據。

結合使用（離線加載）：

if (NetStatusUtil.isConnected(getApplicationContext())) {
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根據cache-control決定是否從網絡上取數據。
} else {
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//沒網，則從本地獲取，即離線加載
}

webSettings.setDomStorageEnabled(true); // 開啟 DOM storage API 功能
webSettings.setDatabaseEnabled(true);   //開啟 database storage API 功能
webSettings.setAppCacheEnabled(true);//開啟 Application Caches 功能

String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
webSettings.setAppCachePath(cacheDirPath); //設置  Application Caches 緩存目錄

注意： 每個 Application 只調用一次WebSettings.setAppCachePath()，WebSettings.setAppCacheMaxSize()

WebViewClient就是幫助WebView處理各種通知、請求事件的。
打開網頁時不調用系統瀏覽器， 而是在本WebView中顯示：

 mWebView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          view.loadUrl(url);
      return true;
      }
  });

WebViewClient mWebViewClient = new WebViewClient()
{
    shouldOverrideUrlLoading(WebView view, String url)
    //所有的網頁加載都通過此方法，此處可以進行重加載的工作，可以處理許多邏輯
    //比如獲取url，查看url.contains(“add”)，進行添加操作

    shouldOverrideKeyEvent(WebView view, KeyEvent event)
    //重寫此方法才能夠處理在瀏覽器中的按鍵事件。

    onPageStarted(WebView view, String url, Bitmap favicon)
    //這個方法，就是界面的加載開始，可以在這里設置一個加載的引導動畫，使得客戶體驗更好

    onPageFinished(WebView view, String url)
    //在頁面加載結束時調用。同樣道理，我們可以關閉loading 條，切換程序動作。

    onLoadResource(WebView view, String url)
    // 在加載頁面資源時會調用，每一個資源（比如圖片）的加載都會調用一次。

    shouldInterceptRequest(WebView view, String url)
    // 攔截替換網絡請求數據,  API 11開始引入，API 21棄用
    shouldInterceptRequest (WebView view, WebResourceRequest request)
    // 攔截替換網絡請求數據,  從API 21開始引入

    onReceivedError(WebView view, int errorCode, String description, String failingUrl)
    // (報告錯誤信息)；此處加代碼一下代碼，可以去除默認頁面，然后顯示一個自己定義的加載錯誤的頁面
    //用javascript隱藏系統定義的404頁面信息
            String data = "";
        view.loadUrl("javascript:document.body.innerHTML="" + data + """);
        //

    doUpdateVisitedHistory(WebView view, String url, boolean isReload)
    //(更新歷史記錄)

    onFormResubmission(WebView view, Message dontResend, Message resend)
    //(應用程序重新請求網頁數據)

    onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)
    //（獲取返回信息授權請求）

    onReceivedSslError(WebView view, SslErrorHandler handler, SslError error)
    //重寫此方法可以讓webview處理https請求。

    onScaleChanged(WebView view, float oldScale, float newScale)
    // (WebView發生改變時調用)

    onUnhandledKeyEvent(WebView view, KeyEvent event)
    //（Key事件未被加載時調用）
}

將上面定義的WebViewClient設置給WebView：

webView.setWebViewClient(mWebViewClient);
WebChromeClient:

WebChromeClient是輔助WebView處理JavaScript的對話框，網站圖標，網站title，加載進度,把本地圖片上傳web端等 : 
方法中的代碼都是由Android端自己處理。

WebChromeClient mWebChromeClient = new WebChromeClient() {

    //獲得網頁的加載進度，顯示在右上角的TextView控件中
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        if (newProgress < 100) {
            String progress = newProgress + "%";
        } else {
        }
    }

    //獲取Web頁中的title用來設置自己界面中的title
    //當加載出錯的時候，比如無網絡，這時onReceiveTitle中獲取的標題為 找不到該網頁,
    //因此建議當觸發onReceiveError時，不要使用獲取到的title
    @Override
    public void onReceivedTitle(WebView view, String title) {
        MainActivity.this.setTitle(title);
    }

    @Override
    public void onReceivedIcon(WebView view, Bitmap icon) {
        //
    }

    @Override
    public boolean onCreateWindow(WebView view, boolean isDialog, boolean isUserGesture, Message resultMsg) {
        //
        return true;
    }

    @Override
    public void onCloseWindow(WebView window) {
    }

    //處理alert彈出框，html 彈框的一種方式
    @Override
    public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
        //
        return true;
    }

    //處理confirm彈出框
    @Override
    public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, JsPromptResult
            result) {
        //
        return true;
    }

    //處理prompt彈出框
    @Override
    public boolean onJsConfirm(WebView view, String url, String message, JsResult result) {
        //
        return true;
    }
};

同樣，將上面定義的WebChromeClient設置給WebView：

webView.setWebChromeClient(mWebChromeClient);

goBack()//后退
goForward()//前進
goBackOrForward(intsteps) //以當前的index為起始點前進或者后退到歷史記錄中指定的steps，
                              如果steps為負數則為后退，正數則為前進

canGoForward()//是否可以前進
canGoBack() //是否可以后退

clearCache(true);//清除網頁訪問留下的緩存，由于內核緩存是全局的因此這個方法不僅僅針對webview而是針對整個應用程序.
clearHistory()//清除當前webview訪問的歷史記錄，只會webview訪問歷史記錄里的所有記錄除了當前訪問記錄.
clearFormData()//這個api僅僅清除自動完成填充的表單數據，并不會清除WebView存儲到本地的數據。

onResume() //激活WebView為活躍狀態，能正常執行網頁的響應
onPause()//當頁面被失去焦點被切換到后臺不可見狀態，需要執行onPause動過， onPause動作通知內核暫停所有的動作，比如DOM的解析、plugin的執行、JavaScript執行。

pauseTimers()//當應用程序被切換到后臺我們使用了webview， 這個方法不僅僅針對當前的webview而是全局的全應用程序的webview，它會暫停所有webview的layout，parsing，javascripttimer。降低CPU功耗。
resumeTimers()//恢復pauseTimers時的動作。

destroy()//銷毀，關閉了Activity時，音樂或視頻，還在播放。就必須銷毀。

但是注意：
webview調用destory時,webview仍綁定在Activity上.這是由于自定義webview構建時傳入了該Activity的context對象,因此需要先從父容器中移除webview,然后再銷毀webview:

 rootLayout.removeView(webView);
  webView.destroy();

    判斷WebView是否已經滾動到頁面底端 或者 頂端:
    getScrollY() //方法返回的是當前可見區域的頂端距整個頁面頂端的距離,也就是當前內容滾動的距離.
    getHeight()或者getBottom() //方法都返回當前WebView這個容器的高度
    getContentHeight()返回的是整個html的高度,但并不等同于當前整個頁面的高度,因為WebView有縮放功能,所以當前整個頁面的高度實際上應該是原始html的高度再乘上縮放比例.因此,更正后的結果,準確的判斷方法應該是：
    
   if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) {
       //已經處于底端
   }
   
   if(webView.getScrollY() == 0){
       //處于頂端
   }

返回鍵

返回上一次瀏覽的頁面

    public boolean onKeyDown(int keyCode, KeyEvent event) {
   if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
       mWebView.goBack();
       return true;
   }
   return super.onKeyDown(keyCode, event);
    }

調用JS代碼

WebSettings webSettings = mWebView .getSettings();
 webSettings.setJavaScriptEnabled(true);
 mWebView.addJavascriptInterface(new JsObject(), "JsApp");

上面這是前提！！！ 
然后實現上面的類，這個類提供了四個方法，注釋的非常清楚。

class JsObject extends Object {
    //給html提供的方法，js中可以通過：var str = window.JsApp.HtmlcallJava(); 獲取到
    @JavascriptInterface
    public String HtmlcallJava() {
   return "Html call Java";
    }
//給html提供的有參函數 ： window.JsApp.HtmlcallJava2("IT-homer blog");
    @JavascriptInterface
    public String HtmlcallJava2(final String param) {
   return "Html call Java : " + param;
    }
//Html給我們提供的函數
    @JavascriptInterface
    public void JavacallHtml() {
   runOnUiThread(new Runnable() {
       @Override
       public void run() {
           //這里是調用方法
           mWebView.loadUrl("javascript: showFromHtml()");
           Toast.makeText(Html5Activity.this, "clickBtn", Toast.LENGTH_SHORT).show();
       }
   });
    }
 //Html給我們提供的有參函數
    @JavascriptInterface
    public void JavacallHtml2(final String param) {
   runOnUiThread(new Runnable() {
       @Override
       public void run() {
           mWebView.loadUrl("javascript: showFromHtml2("IT-homer blog")");
           Toast.makeText(Html5Activity.this, "clickBtn2", Toast.LENGTH_SHORT).show();
       }
   });
    }
}

注意：1、js的接口調用的時候，并非在主線程，要是該方法涉及到UI界面的刷新的話，就必須回調到UI線程；2、此類中還可以嵌套類，并可以在里面寫方法；也是可以調用的。

####Android 調用js有個漏洞： 

    http://blog.csdn.net/leehong2005/article/details/11808557

####Js的混淆：

因為最后要出正式包，所以一定要做JS混淆的處理，否側JS方法會失效；

    -keep public class JsObject {
    public 
    }

保持所有的方法不被混淆
避免WebView內存泄露：

1.可以將 Webview 的 Activity 新起一個進程，結束的時候直接System.exit(0);退出當前進程； 
啟動新進程，主要代碼： AndroidManifest.xml 配置文件代碼如下

    
   
       
       
   
    

在新進程中啟動 Activity ，里面傳了 一個 Url：

    Intent intent = new Intent("com.lyl.boon.ui.activity.htmlactivity");
    Bundle bundle = new Bundle();
    bundle.putString("url", gankDataEntity.getUrl());
    intent.putExtra("bundle",bundle);
    startActivity(intent);

然后在 Html5Activity 的onDestory() 最后加上 System.exit(0); 殺死當前進程。

2.不能在xml中定義 Webview ，而是在需要的時候創建，并且Context使用 getApplicationgContext()，如下代碼：

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
mWebView = new WebView(getApplicationContext());
mWebView.setLayoutParams(params);
mLayout.addView(mWebView);

3.在 Activity 銷毀的時候，可以先讓 WebView 加載null內容，然后移除 WebView，再銷毀 WebView，最后置空。 
代碼如下：

    @Override
    protected void onDestroy() {
   if (mWebView != null) {
       mWebView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
       mWebView.clearHistory();
    
       ((ViewGroup) mWebView.getParent()).removeView(mWebView);
       mWebView.destroy();
       mWebView = null;
   }
   super.onDestroy();
    }