Android基礎入門教程——7.5.6 WebView處理網頁返回的錯誤碼資訊

標籤：android   webview   錯誤碼處理   

Android基礎入門教程——7.5.6 WebView處理網頁返回的錯誤碼資訊

標籤（空格分隔）： Android基礎入門教程

本節引言：

嘿嘿，假如你們公司是做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：http://pan.baidu.com/s/1c02lNGW

本節小結：

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

謝謝~

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。

Android基礎入門教程——7.5.6 WebView處理網頁返回的錯誤碼資訊