本節引言:
嘿嘿,假如你們公司是做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~敬請期待~不貼個表情不習