本節(jié)引言：

嘿嘿，假如你們公司是做HTML5端的移動(dòng)APP的，就是通過WebView來顯示網(wǎng)頁(yè)的，假如你訪問的網(wǎng)頁(yè) 不存在，或者其他錯(cuò)誤，報(bào)404，401，403，30X等錯(cuò)誤的狀態(tài)碼，如果直接彈出WebView默認(rèn)的錯(cuò)誤 提示頁(yè)面，可能顯得不那么友好，我們可以重寫WebViewClient的onReceivedError()方法來實(shí)現(xiàn)我們 想要的效果，一般的做法有兩種，一種是：我們自己在assets目錄下創(chuàng)建一個(gè)用于顯示錯(cuò)誤信息的 HTML頁(yè)面，當(dāng)發(fā)生錯(cuò)誤，即onReceivedError()被調(diào)用的時(shí)候我們調(diào)用webView的loadUrl跳到我們 的錯(cuò)誤頁(yè)面，比如:wView.loadUrl("file:///android_asset/error.html");!又或者我們另外寫 一個(gè)布局或者直接一個(gè)大大的圖片，平時(shí)設(shè)置為不可見，當(dāng)頁(yè)面錯(cuò)誤時(shí)，讓該布局或者圖片可見！ 下面我們來寫個(gè)簡(jiǎn)單的示例！

1.頁(yè)面錯(cuò)誤，加載自定義網(wǎng)頁(yè)：

運(yùn)行效果圖：

關(guān)鍵代碼：

wView.setWebViewClient(new WebViewClient() {
//設(shè)置在webView點(diǎn)擊打開的新網(wǎng)頁(yè)在當(dāng)前界面顯示,而不跳轉(zhuǎn)到新的瀏覽器中
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
    view.loadUrl(url);
    return true;
}

@Override
public void onReceivedError(WebView view, int errorCode, String description,
    String failingUrl) {
        super.onReceivedError(view, errorCode, description, failingUrl);
        wView.loadUrl("file:///android_asset/error.html");
    }
});

2.頁(yè)面錯(cuò)誤，顯示相應(yīng)的View

運(yùn)行效果圖：

實(shí)現(xiàn)代碼：

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private WebView wView;
    private ImageView img_error_back;
    private Button btn_refresh;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        wView = (WebView) findViewById(R.id.wView);
        img_error_back = (ImageView) findViewById(R.id.img_error_back);
        btn_refresh = (Button) findViewById(R.id.btn_refresh);
        wView.loadUrl("http://www.baidu.com");
        wView.setWebViewClient(new WebViewClient() {
            //設(shè)置在webView點(diǎn)擊打開的新網(wǎng)頁(yè)在當(dāng)前界面顯示,而不跳轉(zhuǎn)到新的瀏覽器中
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            @Override
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
                wView.setVisibility(View.GONE);
                img_error_back.setVisibility(View.VISIBLE);
            }
        });
        btn_refresh.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        wView.loadUrl("http://www.baidu.com");
        img_error_back.setVisibility(View.GONE);
        wView.setVisibility(View.VISIBLE);
    }
}

3.示例代碼下載：

WebViewDemo8.zip：下載 WebViewDemo8.zip

本節(jié)小結(jié)：

嗯，很簡(jiǎn)單的一個(gè)小節(jié)，哈哈，超簡(jiǎn)單是吧，另外我們還可以根據(jù)不同的errorCode來設(shè)置不同的 頁(yè)面~這里就自己擴(kuò)展咯，關(guān)于WebView的基本學(xué)習(xí)就到這里吧，下一節(jié)開始我們將迎來網(wǎng)絡(luò)編程的 中一個(gè)難點(diǎn)：Socket網(wǎng)絡(luò)編程，當(dāng)然如果學(xué)過，自然學(xué)起來簡(jiǎn)單，沒學(xué)過也沒關(guān)系，小豬帶你擼 Socket~敬請(qǐng)期待~不貼個(gè)表情不習(xí)慣，哈哈~謝謝~