Olá pessoal. Estou carregando o conteúdo do webview desta maneira:
mWebView.loadUrl(“file:///android_asset/htmls/01.html");
A webview carrega todo o html corretamente com os estilos e javascripts. Uma das funções no javascript aplica um estilo para todo o documento invertendo as cores e fazendo assim o modo de leitura noturno no app.
Função javascript:
function nightMode(enable) {
var e;
var t = document.getElementsByTagName("head")[0];
var n = document.createElement("style");
n.type="text/css";
if(enable) {
e = "html {-webkit-transition: all 0.6s ease; -webkit-transform: translateZ(0); -webkit-filter: invert(100%);}";
} else {
e="html {-webkit-transition: all 0.6s ease; -webkit-filter: invert(0%);}";
}
if(n.styleSheet) {
n.styleSheet.cssText=e
} else {
n.appendChild(document.createTextNode(e))
}
t.appendChild(n)
}
Para executar esta função eu utilizo:
String jsNightMode = String.format("nightMode(%s)", new Object[]{nightMode});
mWebView.evaluateJavascript(jsNightMode, null);
Quando a função é executa a primeira parte do html visível fica com as cores invertidas tudo certinho. Mas quando eu percorro via scroll o documento restante está em branco. É como se o restante do conteúdo tivesse desaparecido!
Já estou a duas horas e não acho nada!!!
Vlw...