7.5.6 WebView處理網頁返回的錯誤碼信息

本節引言：

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

1.頁面錯誤，加載自定義網頁：

運行效果圖：

關鍵代碼：

wView.setWebViewClient(new WebViewClient() {
//設置在webView點擊打開的新網頁在當前界面顯示,而不跳轉到新的浏覽器中
@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.頁面錯誤，顯示相應的View

運行效果圖：

實現代碼：

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() {
            //設置在webView點擊打開的新網頁在當前界面顯示,而不跳轉到新的浏覽器中
            @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

本節小結：

嗯，很簡單的一個小節，哈哈，超簡單是吧，另外我們還可以根據不同的errorCode來設置不同的 頁面~這裡就自己擴展咯，關於WebView的基本學習就到這裡吧，下一節開始我們將迎來網絡編程的 中一個難點：Socket網絡編程，當然如果學過，自然學起來簡單，沒學過也沒關系，小豬帶你撸 Socket~敬請期待~不貼個表情不習慣，哈哈~ 謝謝~