Android WebView错误页面

Android WebView默认的错误页面比较简陋,如果想替换默认的错误页面,做法是:在页面加载出错的情况下,使用自定义的错误页面覆盖在WebView上面、或者使用javascrpit操作dom修改页面。使用这个方法的前提是能准确的知道页面加载失败,但WebView、WebClient、WebChromeClient都没有提供这个方法。

常见的处理方法如下:

onReceivedError

在WebClient的OnReceivedError方法内处理

@Override
public void onReceivedError(WebView view, int errorCode,
    String description, String failingUrl) {
    //用javascript隐藏系统定义的404页面信息
    String data = "Page NO FOUND!";
    view.loadUrl("javascript:document.body.innerHTML=\"" + data + "\"");
}

这个方法的问题在于,onReceivedError方法在webview发生http错误的情况下就会触发,比如页面内的某个资源加载失败,但这时页面已经加载成功。而且,errorCode和http错误并不相同,errorCode和webview内核的实现是相关的,想通过errorCode来区分错误也很困难。采用这个方法经常发生某些页面始终加载不出来的情况,这个办法并不可行。

DOMContentLoaded

先添加一个默认的加载页面覆盖在webview上面,通过js回调WebClient的shouldOverrideUrlLoading方法来处理加载成功或者失败。
在页面的JavaScript内添加'DOMContentLoaded'事件监听:

window.addEventListener('DOMContentLoaded', 
  function() { 
    var iframe = document.createElement('iframe');
    iframe.style.display = 'none'; 
    if(document.body == null){
        document.body = document.createElement("body");
        iframe.src = 'domcontentloaded://error'; 
        document.body.appendChild(iframe); 
    }else{
        iframe.src = 'domcontentloaded://complete'; 
        document.body.appendChild(iframe); 
    }
}, false);

在WebClient的shouldOverrideUrlLoading方法内可以获取到'domcontentloaded://complete'请求。
这个方法一样存在问题:
如果采用WebView loadUrl的方式注入这段脚本,我们会发现并不能找到一个适当的时机将脚本注入:如果在onPageFinished执行,'DOMContentLoaded'事件很可能已经执行完成,这个回调始终不会触发。并且iframe.src偶尔也会不生效。

解决方法

其实webview默认错误页面的URL是固定的data:text/html,所以解决方法很简单:

if (document.URL.indexOf('data:text/html') == -1) {
      window.Java.onPageFinished(true);
} else {
      window.Java.onPageFinished(false);
}

java部分:

......
@Override
    public void onPageFinished(WebView webView, String s) {
        super.onPageFinished(webView, s);
        webView.loadUrl(DOC_CALLBACK);
    }
......

DOC_CALLBACK就是上面一段js代码
还需要添加回调方法:

webView.addJavascriptInterface(this, "Java");
@JavascriptInterface
public void onPageFinished(boolean success) {
        activity.runOnUiThread(() -> {
            if (success) {
               加载成功
            } else {
                加载失败
            }
        });
}

鉴于iframe.src不一定生效,所以采用了java js默认的互调方式
还需要添加混淆规则
-keepclassmembers class * { @android.webkit.JavascriptInterface ; }

采用这种方式可以轻松自定义加载页面,加载失败页面。
目前测试的主流机型和4.0以上系统没有发现问题,后续会继续观察。

你可能感兴趣的:(Android WebView错误页面)