问题背景(都是带WebView的页面):
打开a页面,关闭a页面,打开b页面,b页面无法正常加载回调 onload
问题查看
怀疑导致此问题的2个假设
1、html中的javascript代码有问题
2、WebView 的 settings 设置有问题
问题排除1:
1、html中的javascript代码有问题
在本地加了个本地html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="onloadTest" style="background: #000; color: #fff;"></div>
<script>
var imageUrl = "https://bkimg.cdn.bcebos.com/pic/b8389b504fc2d56206e31a90e31190ef77c66ce0?x-bce-process=image/resize,m_lfit,w_268,limit_1/format,f_jpg"
function createImage(src) {
var img = new Image();
img.onload = function () {
document.querySelector("#onloadTest").innerText = "onload 已调用";
};
img.src = src;
}
createImage(imageUrl)
</script>
</body>
</html>
问题排查:
1、打开a页面,在a页面中进行加载此html,a页面正常加载回调 onload
2、打开b页面,在b页面中进行加载此html,b页面正常加载回调 onload
3、打开a页面,关闭a页面,打开b页面,在b页面中进行加载此html,b页面无法正常加载回调 onload
4、打开a页面,关闭a页面,打开b页面,在b页面中进行加载此html,b页面无法正常加载回调 onload,关闭app(非后台强制关闭app),打开b页面,在b页面中进行加载此html,b页面无法正常加载回调 onload
5、打开a页面,关闭a页面,打开b页面,在b页面中进行加载此html,b页面无法正常加载回调 onload,后台强制关闭app,打开b页面,在b页面中进行加载此html,b页面正常加载回调 onload
小结:
1、正常打开页面能正常回调onload
2、打开a页面后,只要没有把app强制关闭,则打开b页面一直不会回调onload
3、所以确认非html中的javascript代码问题
问题排除2:
2、WebView 的 settings 设置有问题
final WebSettings webSettings = getSettings();
webSettings.setUserAgentString(QooUtils.getQooWebViewUserAgent(this));
webSettings.setAllowFileAccess(false);
webSettings.setBuiltInZoomControls(false);
webSettings.setJavaScriptEnabled(true);
webSettings.setDomStorageEnabled(true);
webSettings.setUseWideViewPort(true);
webSettings.setLoadWithOverviewMode(true);
webSettings.setSupportZoom(true);
webSettings.setDisplayZoomControls(false);
if (Build.VERSION.SDK_INT < 18) {
webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH);
}
webSettings.setDatabaseEnabled(true);
if (Build.VERSION.SDK_INT < 19) {
webSettings.setDatabasePath(databaseDir);
}
问题排查:
一个个设置去除,或全部去除,都还是同样存在这个问题
小结:
1、妹的,什么鬼,都全干完了啊,还不对!!!!
灵魂拷问:
经过两次验证,两个怀疑的对象都没有问题,难道是手机问题????
于是找来了另两部手机进行测试,问题同样存在!!! ***x*********x
再一次分析:
1、既然不是b页面的问题,那就是a页面的问题,找出a页面与b页面中的对webview 的使用有什么差异???
一致的内容:
1、初始化一致;
2、settings 设置一致;
不一致的内容:
1、a页面调用了WebView的 onResume() 和 onPause() 方法;
嗯,肯定是这里面的不一样导致的:
进入到WebView的 onResume() 和 onPause() 方法查看,果然,这个WebView是自定义的,在这两个方法中增加东西
@Override
public void onResume() {
if (Build.VERSION.SDK_INT >= 11) {
super.onResume();
}
resumeTimers();
}
@Override
public void onPause() {
pauseTimers();
if (Build.VERSION.SDK_INT >= 11) {
super.onPause();
}
}
resumeTimers() 和 pauseTimers() 是什么鬼?????
于是上网搜了一下,最终在下这个博客中找到了原因:
https://blog.csdn.net/liuwan1992/article/details/83658848
大概的意思如下:
问题:打开两个 WebView 页面,关闭其中一个页面,另一个页面中的部分操作不再响应。
这个问题是由于 pauseTimers 导致的,因为 pauseTimers 会暂停所有 WebView 的 layout、parsing 和 JavaScript timers,这是一个全局生效的方法,导致的结果是全局的 WebView 都被停止了 js 的调用。
总结:
1、自己还是太水了
2、有些api不能乱用
3、怀疑的对象不够广