加载中...

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.页面错误，加载自定义网页：

运行效果图：

关键代码：

  1. wView.setWebViewClient(new WebViewClient() {
  2. //设置在webView点击打开的新网页在当前界面显示,而不跳转到新的浏览器中
  3. @Override
  4. public boolean shouldOverrideUrlLoading(WebView view, String url) {
  5.     view.loadUrl(url);
  6.     return true;
  7. }
  8.  
  9. @Override
  10. public void onReceivedError(WebView view, int errorCode, String description,
  11.     String failingUrl) {
  12.         super.onReceivedError(view, errorCode, description, failingUrl);
  13.         wView.loadUrl("file:///android_asset/error.html");
  14.     }
  15. });

2.页面错误，显示相应的View

运行效果图：

实现代码：

  1. public class MainActivity extends AppCompatActivity implements View.OnClickListener{
  2.  
  3.     private WebView wView;
  4.     private ImageView img_error_back;
  5.     private Button btn_refresh;
  6.  
  7.     @Override
  8.     protected void onCreate(Bundle savedInstanceState) {
  9.         super.onCreate(savedInstanceState);
  10.         setContentView(R.layout.activity_main);
  11.         wView = (WebView) findViewById(R.id.wView);
  12.         img_error_back = (ImageView) findViewById(R.id.img_error_back);
  13.         btn_refresh = (Button) findViewById(R.id.btn_refresh);
  14.         wView.loadUrl("http://www.baidu.com");
  15.         wView.setWebViewClient(new WebViewClient() {
  16.             //设置在webView点击打开的新网页在当前界面显示,而不跳转到新的浏览器中
  17.             @Override
  18.             public boolean shouldOverrideUrlLoading(WebView view, String url) {
  19.                 view.loadUrl(url);
  20.                 return true;
  21.             }
  22.  
  23.             @Override
  24.             public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
  25.                 super.onReceivedError(view, errorCode, description, failingUrl);
  26.                 wView.setVisibility(View.GONE);
  27.                 img_error_back.setVisibility(View.VISIBLE);
  28.             }
  29.         });
  30.         btn_refresh.setOnClickListener(this);
  31.     }
  32.  
  33.     @Override
  34.     public void onClick(View v) {
  35.         wView.loadUrl("http://www.baidu.com");
  36.         img_error_back.setVisibility(View.GONE);
  37.         wView.setVisibility(View.VISIBLE);
  38.     }
  39. }

3.示例代码下载：

WebViewDemo8.zip：

本节小结：

嗯，很简单的一个小节，哈哈，超简单是吧，另外我们还可以根据不同的errorCode来设置不同的 页面~这里就自己扩展咯，关于WebView的基本学习就到这里吧，下一节开始我们将迎来网络编程的 中一个难点：Socket网络编程，当然如果学过，自然学起来简单，没学过也没关系，小猪带你撸 Socket~敬请期待~不贴个表情不习惯，哈哈~ 谢谢~

下载地址

立即下载
还没有评论.