android: Webview处理404、500、断网、timeout页面的问题

创始元灵6666 2022-06-22 发布于河北

展开全文

一、问题描述

当前APP中有很多跳转H5的情况，使用的是WebView去加载。如果某个H5页面不存在，那么就会跳转到WebView默认的404页面，在某些手机上这个页面可能就是一个空白页面。

然后，我司测试给设计说，不行了，太丑了！要设计一个好看点的，然后就有了本文的需求——定制404页面。

初始的时候直接调用了onReceivedError 发现无法正常监测错误码，后来又调用onReceivedHttpError 也是有点问题，然后搜索，发现了这么一篇文章，才明白原来6.0之前和之后的处理是有差别的，原文已经写的很好，现摘录并补充如下：

二、解决方案

1、6.0以上版本解决方案

好在Google在Android6.0修复了这个问题。根据google官网提供的最新的官网文档，我们可以重写onReceivedHttpError()方法可以捕获http Error。

webView.setWebViewClient(new WebViewClient() {    
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                if (url.startsWith("tel:")) {
                    return true;
                }
                return false;
            }

            @TargetApi(android.os.Build.VERSION_CODES.M)    //171016 处理404错误
            @Override
            public void onReceivedHttpError(WebView view, WebResourceRequest request,
                                            WebResourceResponse errorResponse) {
                super.onReceivedHttpError(view, request, errorResponse);
                // 这个方法在6.0才出现
                int statusCode = errorResponse.getStatusCode();
                System.out.println("onReceivedHttpError code = " + statusCode);
                if (404 == statusCode || 500 == statusCode) {
                    view.loadUrl("about:blank");// 避免出现默认的错误界面
                    view.loadUrl(errorUrl_404);
                }
            }
        });
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.

2、6.0之前版本的解决方案

这是google关于这个issue的： https://link.jianshu.com?t=https://code.google.com/p/android/issues/detail?id=968" target="_blank"> https://code.google.com/p/android/issues/detail?id=968

下面是google开发人员回复:

android: Webview处理404、500、断网、timeout页面的问题_android

这里写图片描述

Google虽然在Android6.0解决了这个问题，但是在Android6.0以下我们是不能直接获取到404或者500的。那么在Android6.0以下的系统我们如何处理404这样的问题呢？

两种解决方案：

(1)、方案一(推荐)通过获取网页的title，判断是否为系统默认的404页面

我们可以在WebChromeClient()子类中可以重写他的onReceivedTitle()方法

webView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);

                //171016 处理404错误 android 6.0 以下通过title获取  
                if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
                    if (title.contains("404") || title.contains("500") || title.contains("Error")) {
                        view.loadUrl("about:blank");// 避免出现默认的错误界面
                        view.loadUrl(errorUrl_404);
                    }
                }
            }
     }
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

(2)、方案二(推荐) 服务器后台是能获取404、500的，最好的办法是让后台捕获

最好的方案就是让H5或后台去处理，因为他们也能获取到404或500。

三、补充：

(1)、判断断网、超时等情况

@Override
    public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
        super.onReceivedError(view, errorCode, description, failingUrl);
        // 断网或者网络连接超时
        if (errorCode == ERROR_HOST_LOOKUP || errorCode == ERROR_CONNECT || errorCode == ERROR_TIMEOUT) {
            view.loadUrl("about:blank"); // 避免出现默认的错误界面
            view.loadUrl(mErrorUrl);
        }
    }
1.
2.
3.
4.
5.
6.
7.
8.
9.

上面的那个 onReceivedErrod已经被废弃，用下面这个代替，代码如下：

webView.setWebViewClient(new WebViewClient() {     
            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);

                int errorCode = error.getErrorCode();
                // 断网或者网络连接超时
                if (errorCode == ERROR_HOST_LOOKUP || errorCode == ERROR_CONNECT || errorCode == ERROR_TIMEOUT) {
                    view.loadUrl("about:blank"); // 避免出现默认的错误界面
                    view.loadUrl(mErrorUrl);
                }
            }
        });
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.