WebView處理網(wǎng)頁返回的錯(cuò)誤碼信息
本節(jié)引言:
嘿嘿,假如你們公司是做HTML5端的移動(dòng)APP的,就是通過WebView來顯示網(wǎng)頁的,假如你訪問的網(wǎng)頁 不存在,或者其他錯(cuò)誤,報(bào)404,401,403,30X等錯(cuò)誤的狀態(tài)碼,如果直接彈出WebView默認(rèn)的錯(cuò)誤 提示頁面,可能顯得不那么友好,我們可以重寫WebViewClient的onReceivedError()方法來實(shí)現(xiàn)我們 想要的效果,一般的做法有兩種,一種是:我們自己在assets目錄下創(chuàng)建一個(gè)用于顯示錯(cuò)誤信息的 HTML頁面,當(dāng)發(fā)生錯(cuò)誤,即onReceivedError()被調(diào)用的時(shí)候我們調(diào)用webView的loadUrl跳到我們 的錯(cuò)誤頁面,比如:wView.loadUrl("file:///android_asset/error.html");!又或者我們另外寫 一個(gè)布局或者直接一個(gè)大大的圖片,平時(shí)設(shè)置為不可見,當(dāng)頁面錯(cuò)誤時(shí),讓該布局或者圖片可見! 下面我們來寫個(gè)簡(jiǎn)單的示例!
1.頁面錯(cuò)誤,加載自定義網(wǎng)頁:
運(yùn)行效果圖:
關(guān)鍵代碼:
wView.setWebViewClient(new WebViewClient() { //設(shè)置在webView點(diǎn)擊打開的新網(wǎng)頁在當(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.頁面錯(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)頁在當(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è)置不同的 頁面~這里就自己擴(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í)慣,哈哈~
謝謝~