最近上手了一個(gè)項(xiàng)目，項(xiàng)目中80%的業(yè)務(wù)都是用H5完成的，雖然我是不建議這樣的做法，但是業(yè)務(wù)需求就是這樣那就擼起袖子干吧。
言歸正傳，既然用到了這么多的H5頁面，WebView自然就成了項(xiàng)目中使用頻率最多的控件，于是乎我們對(duì)WebView進(jìn)行了一些封裝和優(yōu)化，這篇文章將會(huì)簡單談一談WebView加載過程中可能遇到的各種異常以及處理方法，包括：

1.網(wǎng)絡(luò)連接斷開和服務(wù)端異常

2.網(wǎng)絡(luò)連接正常但無法訪問Internet

3.弱網(wǎng)和服務(wù)器長時(shí)間無響應(yīng)

源碼下載地址：https://github.com/Lonely7th/EsBaseWebView

1.網(wǎng)絡(luò)連接斷開和服務(wù)端異常

這種情況下WebViewClient的執(zhí)行順序?yàn)椋簅nPageStarted()>>onReceivedError()>>onPageFinished()
這類異常相對(duì)而言比較容易捕獲，當(dāng)網(wǎng)絡(luò)連接斷開或者服務(wù)端返回異常時(shí)，WebView會(huì)自動(dòng)捕獲并執(zhí)行onReceivedError方法。
對(duì)于這種情況我們選擇在onReceivedError方法中將加載狀態(tài)置為加載失敗，接下來在onPageFinished方法中判斷加載狀態(tài)并執(zhí)行相應(yīng)的處理。

@Override
public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
    super.onReceivedError(view, request, error);
    loadError = true;
}

@Override
public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    if(getProgress() >= 100){
        if(loadError){
            onLoadError();
        }else{
            onLoadSuccess();
        }
    }
}

2.網(wǎng)絡(luò)連接正常但無法訪問Internet

這種情況下WebViewClient的執(zhí)行順序?yàn)椋簅nPageStarted()>>onPageFinished()
在網(wǎng)絡(luò)連接正常但無法訪問Internet的情況下，WebView并不會(huì)捕獲異常，并且會(huì)執(zhí)行onPageFinished方法表示加載任務(wù)已經(jīng)完成，這種情況下我們無法通過onReceivedError方法判斷加載失敗的狀態(tài)。
對(duì)于這種情況，我們需要判斷頁面是否真的已經(jīng)加載完成并給與用戶正確的提示，我們?cè)赪ebView每次執(zhí)行onPageFinished方法時(shí)使用ping命令來判斷網(wǎng)絡(luò)是否可用，如果網(wǎng)絡(luò)可用再根據(jù)加載狀態(tài)參數(shù)做相應(yīng)的處理。

@Override
public void onPageFinished(WebView view, String url) {
    super.onPageFinished(view, url);
    if(getProgress() >= 100){
         new Thread(new Runnable() {
            @Override
            public void run() {
                if(NetworkUtils.isNetworkConnected(getContext()) && NetworkUtils.isNetworkOnline()){//判斷網(wǎng)絡(luò)連接是否異常
                    if(loadError){
                        //加載失敗
                     }else{
                        //加載成功
                    }
               }else{
                    //網(wǎng)絡(luò)異常
               }
            }
        }).start();
   }
}

3.弱網(wǎng)和服務(wù)器長時(shí)間無響應(yīng)

這種情況下WebViewClient的執(zhí)行順序?yàn)椋簅nPageStarted()>>長時(shí)間等待>>onReceivedError()>>onPageFinished()
在服務(wù)器長時(shí)間無響應(yīng)的情況下，WebView會(huì)在執(zhí)行完onPageStarted方法后進(jìn)入長時(shí)間等待（大約2分鐘），超過等待時(shí)間后會(huì)先后執(zhí)行onReceivedError方法和onPageFinished方法。
從邏輯上看這其實(shí)是一種正常的流程，WebView捕獲到請(qǐng)求超時(shí)異常后執(zhí)行onReceivedError方法，之后執(zhí)行onPageFinished方法完成加載任務(wù)，但這套流程的問題在于等待時(shí)間過長且無法設(shè)置，我們需要自定義請(qǐng)求超時(shí)時(shí)間。
對(duì)于這種情況，我們?cè)趏nPageStarted方法中創(chuàng)建一個(gè)Message并延遲5000ms（超時(shí)時(shí)間）發(fā)送，Message發(fā)送后判斷WebView是否已經(jīng)加載完成，如果未完成則視為請(qǐng)求超時(shí)。

@Override
public void onPageStarted(WebView view, String url, Bitmap favicon) {
    super.onPageStarted(view, url, favicon);
    webHandler.sendEmptyMessageDelayed(408, TIMEOUT);
}

private Handler webHandler = new Handler(){
   @Override
   public void handleMessage(Message msg) {
       switch (msg.what){
            case 408://請(qǐng)求超時(shí)
                if (getProgress() < 100) {
                   loadError = true;
                   onLoadError();
                }
                break;
       }
    }
};

4.展示異常提示頁面

最后我們談一談如何展示異常提示頁面，當(dāng)我們捕獲到異常時(shí)，展示一個(gè)友好的異常提示頁面是有助于提升用戶體驗(yàn)的，由于WebView繼承自ViewGroup，所以這里我們比較傾向于向WebView中addView的方式。
加載異常：

private void onLoadError(int flag){
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT,LayoutParams.MATCH_PARENT);
    while (getChildCount() >= 1) {
        removeViewAt(0);
    }
    addView(netErrorView, 0, lp);
}

正常加載：

private void onLoadSuccess(){
    while (getChildCount() >= 1) {
        removeViewAt(0);
    }
}