1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Aplicando Css na Webview

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...

  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

0 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags android ou faça a sua própria pergunta.