完美解决Android的WebView加载失败(404,500),显示的自定义视图

简介: 完美解决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);


相关文章
|
5天前
|
编解码 调度 Android开发
Android音频框架之一 详解audioPolicy流程及HAL驱动加载与配置
Android音频框架之一 详解audioPolicy流程及HAL驱动加载与配置
11 0
|
6天前
|
Android开发
Android中Glide加载Https图片失败的解决方案
Android中Glide加载Https图片失败的解决方案
14 1
|
20天前
|
Android开发
Android Mediatek NVRAM 加载 MAC 地址并禁用 MAC 地址更新
Android Mediatek NVRAM 加载 MAC 地址并禁用 MAC 地址更新
7 0
|
3月前
|
XML Android开发 数据格式
安卓和webview交互
安卓和webview交互
26 0
|
5月前
|
API Android开发
[Android]图片加载库Glide
[Android]图片加载库Glide
58 0
|
5月前
|
JavaScript 前端开发 Android开发
android开发,使用kotlin学习WebView(详细)
android开发,使用kotlin学习WebView(详细)
183 0
|
5月前
|
XML Java Android开发
Android App开发中使用Glide加载网络图片讲解及实战(附源码 简单易懂)
Android App开发中使用Glide加载网络图片讲解及实战(附源码 简单易懂)
95 0
|
5月前
|
XML Java Android开发
Android Studio App开发中异步任务AsynTask与异步服务IntentService的讲解与实战(实现四大名著的加载进度条 附源码)
Android Studio App开发中异步任务AsynTask与异步服务IntentService的讲解与实战(实现四大名著的加载进度条 附源码)
68 0
|
5月前
|
XML Android开发 数据格式
安卓和webview交互
安卓和webview交互
59 1
|
6月前
|
定位技术 Android开发
[√]Android webview的url scheme
[√]Android webview的url scheme
417 0