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