[关闭]
@coder-pig 2015-09-15T09:11:30.000000Z 字数 2199 阅读 1295

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

运行效果图

关键代码

  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. @Override
  9. public void onReceivedError(WebView view, int errorCode, String description,
  10. String failingUrl) {
  11. super.onReceivedError(view, errorCode, description, failingUrl);
  12. wView.loadUrl("file:///android_asset/error.html");
  13. }
  14. });

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

运行效果图

实现代码

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

3.示例代码下载:

WebViewDemo8.ziphttp://pan.baidu.com/s/1c02lNGW


本节小结:

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

谢谢~

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注