Androidjs注入大小,AndroidWebView注入js掉入缓存大坑

在打开网页就是之前需要注入一段JS&＃xff0c;之前一直ok&＃xff0c;直到运维换了一个部署方案之后就不行了。现象很奇怪&＃xff0c;只有第一次打开才能注入成功&＃xff0c;之后都不行。第一反应就是被缓存了&＃xff0c; 事实上确实是。

(注入方案是重写 shouldInterceptRequest 方法&＃xff0c;拦截web请求&＃xff0c;然后在html中插入js。)

debug之后&＃xff0c;发现网页的原始请求在第一次被拦截注入之后&＃xff0c;再打开就不会再回调shouldInterceptRequest&＃xff0c;自然也就无法拦截。缓存问题好解决&＃xff0c;当时这么想着。webview各种各样的缓存全部关掉&＃xff0c;一通操作&＃xff0c;发现没用&＃xff0c;还是老问题。

翻看日志&＃xff0c;发现原来是Service Worker。create-react-app脚手架创建的项目&＃xff0c;会自动生成 registerServiceWorker.js 用来做缓存&＃xff0c;然后就悲剧了&＃xff0c;没找到任何关闭这个的方法。于是root模拟器&＃xff0c;看了下data/data/app_webview目录。

Service Worker里面就是缓存的内容&＃xff0c;关闭浏览器的时候手动去删掉这个目录&＃xff0c;可以解决这个问题&＃xff0c;但是似乎不是每次都生效&＃xff0c;极其奔溃。

最后曲线救国&＃xff0c;采用另外一种插入方法&＃xff0c;调用一段js注入。这样就可以不用只拦截html的请求&＃xff0c;网页打开过程中任何一个请求拦截到就可以进行注入。

private void injectScriptFile(WebView view){

String js &＃61; "Your JS";

byte[] buffer &＃61; js.getBytes();

String encoded &＃61; Base64.encodeToString(buffer, Base64.NO_WRAP);

view.post(() -> view.loadUrl("Javascript:(function() {" &＃43;

"var parent &＃61; document.getElementsByTagName(&＃39;head&＃39;).item(0);" &＃43;

"var script &＃61; document.createElement(&＃39;script&＃39;);" &＃43;

"script.type &＃61; &＃39;text/Javascript&＃39;;" &＃43;

// Tell the browser to BASE64-decode the string into your script !!!

"script.innerHTML &＃61; window.atob(&＃39;" &＃43; encoded &＃43; "&＃39;);" &＃43;

"parent.appendChild(script)" &＃43;

"})()"));

}

注意如果js长度短可以使用loadUrl&＃xff0c;如果js很大&＃xff0c;会报错

Refusing to load URL as it exceeds 2097152 characters

那你需要使用evaluateJavascript,Android4.4&＃43;引入的方法

private void injectScriptFile(WebView view){

String js &＃61; jsInjectorClient.assembleJs(view.getContext(), "%1$s%2$s");

byte[] buffer &＃61; js.getBytes();

String encoded &＃61; Base64.encodeToString(buffer, Base64.NO_WRAP);

view.post(() -> view.evaluateJavascript("Javascript:(function() {" &＃43;

"var parent &＃61; document.getElementsByTagName(&＃39;head&＃39;).item(0);" &＃43;

"var script &＃61; document.createElement(&＃39;script&＃39;);" &＃43;

"script.type &＃61; &＃39;text/Javascript&＃39;;" &＃43;

// Tell the browser to BASE64-decode the string into your script !!!

"script.innerHTML &＃61; window.atob(&＃39;" &＃43; encoded &＃43; "&＃39;);" &＃43;

"parent.appendChild(script)" &＃43;

"})()", null));

}