android webkit 高度计算错误,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以上系统没有发现问题，后续会继续观察。