android webview 超时,一个WebView超时事件引发的惨案

前言

安卓客户端套用WebView展示一些用户协议与说明似乎已然变成时代的主流，大部分应用都有类似的页面。在最近一期的业务开发中，我们项目组遇到了一个这样一个奇葩的问题，在网络不稳定的情况下，前端H5页面显示过程中会频繁收到WebViewClient回调TimeOut事件，导致用户体验极差。对于此类问题，对于客户端开发，通常都是甩给Web前端去调查为何会出现TimeOut，但是本着对技术的专研精神，还是要进一步窥探一下其中的原理。

客户端超时处理

我们都知道，如果原生的WebView不做Web错误收集处理，当H5页面加载出错的时候，WebView会显示网页原生的错误信息，因为是系统原生，页面通常会比较丑陋，如图1-1所示。

图 1-1 WebView原生错误.png

客户端常规的解决方案是监听WebViewClient的onReceivedError回调，当有错误信息的时候将WebView进行隐藏，同时展示自己根据设计稿进行设计的网络错误布局。

@Override

public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {

super.onReceivedError(view, request, error);

ManualLogUtil.logMessage("onReceivedError: error = " + error)