完美解决Android的WebView加载失败（404，500），显示的自定义视图

完美解决Android的WebView加载失败（404，500），显示的自定义视图

好多朋友会在Android开发过程中遇到使用WebView加载html页面出现404,500等错误页面，也有好多人想自定义这个错误页面，但是在6.0之前，大家觉得自定义错误页面就不好处理了； 
之前一直使用在WebView加载时，根据onReceivedError() 判断网页是否加载成功，然后做相应的操作，但是最后发现，在一些情况下，html页面加载失败了，onReceivedError()方法却并没有执行。 
最后进过努力，想出了一个比较笨，但是我又觉得比较有效的方法。下面来给大家简单说一说： 
不知道大家发现没有，在所有的加载错误的html页面中，html的标题title可能都会包含错误信息，比如说“error”，这样的话我们就可以在这个html的标题title上做文章了。 
1.先给大家说说怎么获取这个html的标题title 
(1).Android应用开发的时候使用WebView这个组件的过程中可能会接触到WebViewClient与WebChromeClient，那么这两个类到底有什么不同呢 
WebViewClient主要帮助WebView处理各种通知、请求事件的，比如：

              onLoadResource
              onPageStart
              onPageFinish
              onReceiveError
              onReceivedHttpAuthRequest
          WebChromeClient主要辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等比如
              onCloseWindow(关闭WebView)
              onCreateWindow()
              onJsAlert (WebView上alert无效，需要定制WebChromeClient处理弹出)
              onJsPrompt
              onJsConfirm
              onProgressChanged
              onReceivedIcon
              onReceivedTitle
      看上去他们有很多不同，实际使用的话，如果你的WebView只是用来处理一些html的页面内容，只用WebViewClient就行了，如果需要更丰富的处理效果，
      比如JS、进度条等，就要用到WebChromeClient。
      (2).我们可以看到在 WebChromeClient 中有一个方法 onReceivedTitle() ，这个方法就是用来获取html页面的标题title的回调。
  
 

**2.我们在 WebChromeClient 中的 onReceivedTitle() 方法里判断html页面的标题中是否含有 “error” ，如果有，则证明html加载失败，设置加载失败的标记，让在 WebViewClient 的完成是回 
调的 onPageFinish() 方法里显示自定义的加载失败的页面**

      代码如下：
         WebSettings webSettings = webView.getSettings();
         //设置WebView属性，能够执行Javascript脚本
          webSettings.setJavaScriptEnabled(true);
         //设置可以访问文件
          webSettings.setAllowFileAccess(true);
          webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
          webView.setWebViewClient(new WebViewClient() {
             @Override
             public boolean shouldOverrideUrlLoading(WebView view, String url) {
                  view.loadUrl(url);
                 return true;
              }
             /**
       * 网页页面开始加载的时候，执行的回调方法
       * @param view
       * @param url
       * @param favicon
       */
             @Override
             public void onPageStarted(WebView view, String url, Bitmap favicon) {//网页页面开始加载的时候
                  emptyView.setEmptyView(EmptyView.EMPTY_LOADING);//初始化一个显示正在加载的视图
                  rl_detail.setVisibility(View.VISIBLE);
                  rl_detail.removeAllViews();
                  rl_detail.addView(emptyView);//在加载页面开始的时候显示一个正在加载的视图，
                  webView.setEnabled(false);// 当加载网页的时候将网页进行隐藏
                  ll_container_btn.setVisibility(View.GONE);
                  btn_collect.setVisibility(View.GONE);
                 super.onPageStarted(view, url, favicon);
              }
             /**
       * 网页加载结束的时候执行的回调方法
       * @param view
       * @param url
       */
             @Override
             public void onPageFinished(WebView view, String url) {//网页加载结束的时候
                 if (!loadError) {//当网页加载成功的时候判断是否加载成功
                      rl_detail.setVisibility(View.GONE);//加载成功的话，则隐藏掉显示正在加载的视图，显示加载了网页内容的WebView
                      webView.setEnabled(true);
                      ll_container_btn.setVisibility(View.VISIBLE);
                      btn_collect.setVisibility(View.VISIBLE);
                  } else { //加载失败的话，初始化页面加载失败的图，然后替换正在加载的视图页面
                      rl_detail.removeAllViews();
                      emptyView.setEmptyView(EmptyView.EMPTY_EMPTY, "您找的页面暂时走丢了...");
                      rl_detail.addView(emptyView);
                  }
              }
             /**
       * 页面加载错误时执行的方法，但是在6.0以下，有时候会不执行这个方法
       * @param view
       * @param errorCode
       * @param description
       * @param failingUrl
       */
             @Override
             public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                 super.onReceivedError(view, errorCode, description, failingUrl);
                  loadError = true;
              }
          });
          webView.setWebChromeClient(new WebChromeClient(){
             /**
       * 当WebView加载之后，返回 HTML 页面的标题 Title
       * @param view
       * @param title
       */
             @Override
             public void onReceivedTitle(WebView view, String title) {
                 //判断标题 title 中是否包含有“error”字段，如果包含“error”字段，则设置加载失败，显示加载失败的视图
               if(!TextUtils.isEmpty(title)&&title.toLowerCase().contains("error")){
                    loadError = true;
                }
              }
          });
          webView.loadUrl(url);
  
 

  
 
 

文章来源: wukong.blog.csdn.net，作者：再见孙悟空_，版权归原作者所有，如需转载，请联系作者。

原文链接：wukong.blog.csdn.net/article/details/53259655