记一次 android 的WebView 不调用javascri
2020-10-11 本文已影响0人
Kingsley_Wu
问题背景(都是带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、怀疑的对象不够广
