如果本文幫助到你秉宿，本人不勝榮幸屯碴，如果浪費(fèi)了你的時間窿锉，本人深感抱歉， 希望能對您所有幫助窑多！

隨著H5的應(yīng)用越來越潮流埂息，與原生交互必然也是一種趨勢遥巴，然后自己從中學(xué)點(diǎn)皮毛铲掐，再次總結(jié)了一點(diǎn)心得摆霉。

學(xué)習(xí)一個新的首先要懂得其Api里面的方法，接下來淺談一下搭盾；

加載網(wǎng)頁：

1. 加載一個網(wǎng)頁：
   webView.loadUrl("http://www.google.com/");
2. 加載apk包中的一個html頁面
   webView.loadUrl("file:///android_asset/test.html");
3. 加載手機(jī)本地的一個html頁面的方法：
   webView.loadUrl("content://com.android.htmlfileprovider/sdcard/test.html");

WebSettings:

WebSettings webSettings = mWebView .getSettings();

//支持獲取手勢焦點(diǎn)鸯隅，輸入用戶名向挖、密碼或其他
webview.requestFocusFromTouch();

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

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

設(shè)置自適應(yīng)屏幕何之，兩者合用
setUseWideViewPort(true);  //將圖片調(diào)整到適合webview的大小
setLoadWithOverviewMode(true); // 縮放至屏幕的大小

setSupportZoom(true);  //支持縮放帝美，默認(rèn)為true。是下面那個的前提庇忌。
setBuiltInZoomControls(true); //設(shè)置內(nèi)置的縮放控件皆疹。
//若上面是false占拍，則該WebView不可縮放晃酒，這個不管設(shè)置什么都不能縮放。

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); //支持內(nèi)容重新布局
supportMultipleWindows();  //多窗口
setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //關(guān)閉webview中緩存
setAllowFileAccess(true);  //設(shè)置可以訪問文件
setNeedInitialFocus(true); //當(dāng)webview調(diào)用requestFocus時為webview設(shè)置節(jié)點(diǎn)
setJavaScriptCanOpenWindowsAutomatically(true); //支持通過JS打開新窗口
setLoadsImagesAutomatically(true);  //支持自動加載圖片
setDefaultTextEncodingName("utf-8");//設(shè)置編碼格式

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

參數(shù)類型說明：
MIXED_CONTENT_ALWAYS_ALLOW：允許從任何來源加載內(nèi)容，即使起源是不安全的敲茄；
MIXED_CONTENT_NEVER_ALLOW：不允許Https加載Http的內(nèi)容山析，即不允許從安全的起源去加載一個不安全的資源笋轨；
MIXED_CONTENT_COMPATIBILITY_MODE：當(dāng)涉及到混合式內(nèi)容時翩腐，WebView 會嘗試去兼容最新Web瀏覽器的風(fēng)格。

在5.0以下 Android 默認(rèn)是 全允許何什，
但是到了5.0以上处渣，就是不允許蛛砰，實(shí)際情況下很我們很難確定所有的網(wǎng)頁都是https的泥畅，所以就需要這一步的操作。

關(guān)于緩存

緩存模式

LOAD_CACHE_ONLY: 不使用網(wǎng)絡(luò)柑贞，只讀取本地緩存數(shù)據(jù)
LOAD_DEFAULT: （默認(rèn)）根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)钧嘶。
LOAD_NO_CACHE: 不使用緩存有决，只從網(wǎng)絡(luò)獲取數(shù)據(jù).
LOAD_CACHE_ELSE_NETWORK书幕，只要本地有，無論是否過期迟隅，或者no-cache励七，都使用緩存中的數(shù)據(jù)掠抬。

結(jié)合使用（離線加載）：

if (NetStatusUtil.isConnected(getApplicationContext())) {
    webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);//根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)两波。
} else {
    webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//沒網(wǎng)，則從本地獲取单起，即離線加載
}

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); //設(shè)置  Application Caches 緩存目錄

注意： 每個 Application 只調(diào)用一次WebSettings.setAppCachePath()嘀倒，WebSettings.setAppCacheMaxSize()

WebViewClient：

WebViewClient就是幫助WebView處理各種通知测蘑、請求事件的碳胳。
打開網(wǎng)頁時不調(diào)用系統(tǒng)瀏覽器沫勿， 而是在本W(wǎng)ebView中顯示：

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

WebViewClient方法:

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

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

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

    onPageFinished(WebView view, String url)
    //在頁面加載結(jié)束時調(diào)用时甚。同樣道理隘弊，我們可以關(guān)閉loading 條荒适，切換程序動作梨熙。

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

    shouldInterceptRequest(WebView view, String url)
    // 攔截替換網(wǎng)絡(luò)請求數(shù)據(jù),  API 11開始引入咽扇，API 21棄用
    shouldInterceptRequest (WebView view, WebResourceRequest request)
    // 攔截替換網(wǎng)絡(luò)請求數(shù)據(jù),  從API 21開始引入

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

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

    onFormResubmission(WebView view, Message dontResend, Message resend)
    //(應(yīng)用程序重新請求網(wǎng)頁數(shù)據(jù))

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

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

    onScaleChanged(WebView view, float oldScale, float newScale)
    // (WebView發(fā)生改變時調(diào)用)

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

將上面定義的WebViewClient設(shè)置給WebView：

webView.setWebViewClient(mWebViewClient);

WebChromeClient:

WebChromeClient是輔助WebView處理Javascript的對話框糠馆，網(wǎng)站圖標(biāo)嘶伟，網(wǎng)站title，加載進(jìn)度,把本地圖片上傳web端等 :
方法中的代碼都是由Android端自己處理又碌。

WebChromeClient mWebChromeClient = new WebChromeClient() {

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

    //獲取Web頁中的title用來設(shè)置自己界面中的title
    //當(dāng)加載出錯的時候，比如無網(wǎng)絡(luò)毕匀，這時onReceiveTitle中獲取的標(biāo)題為 找不到該網(wǎng)頁,
    //因此建議當(dāng)觸發(fā)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設(shè)置給WebView：

 webView.setWebChromeClient(mWebChromeClient);

WebView 其他常用方法：

前進(jìn)：

goBack()//后退
goForward()//前進(jìn)
goBackOrForward(intsteps) //以當(dāng)前的index為起始點(diǎn)前進(jìn)或者后退到歷史記錄中指定的steps蹋笼，
                              如果steps為負(fù)數(shù)則為后退，正數(shù)則為前進(jìn)

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

清除緩存:

clearCache(true);//清除網(wǎng)頁訪問留下的緩存凤薛，由于內(nèi)核緩存是全局的因此這個方法不僅僅針對webview而是針對整個應(yīng)用程序.
clearHistory()//清除當(dāng)前webview訪問的歷史記錄姓建，只會webview訪問歷史記錄里的所有記錄除了當(dāng)前訪問記錄.
clearFormData()//這個api僅僅清除自動完成填充的表單數(shù)據(jù)，并不會清除WebView存儲到本地的數(shù)據(jù)缤苫。

WebView的狀態(tài)：

onResume() //激活WebView為活躍狀態(tài)速兔，能正常執(zhí)行網(wǎng)頁的響應(yīng)
onPause()//當(dāng)頁面被失去焦點(diǎn)被切換到后臺不可見狀態(tài)，需要執(zhí)行onPause動過活玲， onPause動作通知內(nèi)核暫停所有的動作涣狗，比如DOM的解析谍婉、plugin的執(zhí)行、JavaScript執(zhí)行镀钓。

pauseTimers()//當(dāng)應(yīng)用程序被切換到后臺我們使用了webview穗熬， 這個方法不僅僅針對當(dāng)前的webview而是全局的全應(yīng)用程序的webview，它會暫停所有webview的layout丁溅，parsing唤蔗，javascripttimer。降低CPU功耗窟赏。
resumeTimers()//恢復(fù)pauseTimers時的動作妓柜。

destroy()//銷毀，關(guān)閉了Activity時涯穷，音樂或視頻棍掐，還在播放。就必須銷毀拷况。

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

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

判斷WebView是否已經(jīng)滾動到頁面底端 或者 頂端:
getScrollY() //方法返回的是當(dāng)前可見區(qū)域的頂端距整個頁面頂端的距離,也就是當(dāng)前內(nèi)容滾動的距離.
getHeight()或者getBottom() //方法都返回當(dāng)前WebView這個容器的高度
getContentHeight()返回的是整個html的高度,但并不等同于當(dāng)前整個頁面的高度,因?yàn)閃ebView有縮放功能,所以當(dāng)前整個頁面的高度實(shí)際上應(yīng)該是原始html的高度再乘上縮放比例.因此,更正后的結(jié)果,準(zhǔn)確的判斷方法應(yīng)該是：

    if (webView.getContentHeight() * webView.getScale() == (webView.getHeight() + webView.getScrollY())) {
        //已經(jīng)處于底端
    }

    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);
}

調(diào)用JS代碼

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

上面這是前提Ｗ骰汀！赚瘦！
然后實(shí)現(xiàn)上面的類粟誓，這個類提供了四個方法，注釋的非常清楚起意。

class JsObject extends Object {
    //給html提供的方法努酸，js中可以通過：var str = window.JsApp.HtmlcallJava(); 獲取到
    @JavascriptInterface
    public String HtmlcallJava() {
        return "Html call Java";
    }
//給html提供的有參函數(shù) ： window.JsApp.HtmlcallJava2("IT-homer blog");
    @JavascriptInterface
    public String HtmlcallJava2(final String param) {
        return "Html call Java : " + param;
    }
//Html給我們提供的函數(shù)
    @JavascriptInterface
    public void JavacallHtml() {
        runOnUiThread(new Runnable() {
            @Override
            public void run() {
                //這里是調(diào)用方法
                mWebView.loadUrl("javascript: showFromHtml()");
                Toast.makeText(Html5Activity.this, "clickBtn", Toast.LENGTH_SHORT).show();
            }
        });
    }
 //Html給我們提供的有參函數(shù)
    @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的接口調(diào)用的時候杜恰，并非在主線程获诈，要是該方法涉及到UI界面的刷新的話举庶，就必須回調(diào)到UI線程皂林；2、此類中還可以嵌套類获列，并可以在里面寫方法逗爹；也是可以調(diào)用的亡嫌。

Android 調(diào)用js有個漏洞：
http://blog.csdn.net/leehong2005/article/details/11808557

Js的混淆：

因?yàn)樽詈笠稣桨砸欢ㄒ鯦S混淆的處理掘而，否側(cè)JS方法會失效挟冠；

-keep public class JsObject {
public <methods>
}
保持所有的方法不被混淆

避免WebView內(nèi)存泄露：

1.可以將 Webview 的 Activity 新起一個進(jìn)程，結(jié)束的時候直接System.exit(0);退出當(dāng)前進(jìn)程袍睡；
啟動新進(jìn)程知染，主要代碼： AndroidManifest.xml 配置文件代碼如下

<activity
    android:name=".ui.activity.Html5Activity"
    android:process=":lyl.boon.process.web">
    <intent-filter>
        <action android:name="com.lyl.boon.ui.activity.htmlactivity"/>
        <category android:name="android.intent.category.DEFAULT"/>
    </intent-filter>
</activity>

在新進(jìn)程中啟動 Activity ，里面?zhèn)髁?一個 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); 殺死當(dāng)前進(jìn)程斑胜。

2.不能在xml中定義 Webview 控淡，而是在需要的時候創(chuàng)建嫌吠，并且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內(nèi)容辫诅，然后移除 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();
}