Impedir tela branca antes de carregar a página no cromo?

38

Quando uma página não é carregada imediatamente, o Chromium e todos os outros navegadores que tentei exibir uma tela branca antes que eles recebessem uma resposta:

insira a descrição da imagem aqui

Embora chrome://settings/personaldiga que está usando o tema GTK + - no meu caso, é o Darklooks, que tem um fundo escuro:

insira a descrição da imagem aqui

Existe uma maneira de evitar isso no Chromium? Ou, se não houver, existe um navegador que não tenha esse "problema"?

Alex
fonte
7
Sua página também parece muito embaçada!
Greg
No Firefox, você pode alterar o valor de browser.display.background_colorpara uma cor mais escura (# 333). Tente também adicionar browser { background-color: #333 !important; }e tabbrowser tabpanels { background-color: #333 !important}inserir userChrome.css.
Mateen Ulhaq
esse truque resolveu o flash branco para mim. stackoverflow.com/questions/16243105/…
Eu simplesmente instalei o tema anônimo escuro chrome.google.com/webstore/detail/material-incognito-dark-t/… isso resolveu o problema para mim: não há mais página em branco no carregamento da página!
wp78de 12/03

Respostas:

14

No Google Chrome e Chromium, você provavelmente é vítima do Problema 1373: navegar em sites com fundo escuro resulta em flashes brancos ofuscantes entre as páginas .

Há um truque para minimizar, mas não eliminar totalmente, sua miséria descrita no comentário 261 :

Como correção temporária, defino a folha de estilo do usuário personalizada para renderizar páginas com fundo preto, para que, antes de receber informações de estilo do site, torne a janela preta em vez de branca e agora pisque em preto, o que é muito mais suportável em os olhos até que uma solução permanente seja feita.

O hack envolve adicionar as seguintes linhas à sua, Custom.csslocalizadas User Stylesheetsna sua Defaultpasta. No meu caso, o caminho é ~/.config/chromium/Default/User Stylesheets.

html, body{
background-color:#000000; //This sets the background color to black
color:#0000FF; //This sets the text to blue, so you can read it on webpages set to use defaults; white is too hard on my eyes and if you dont put this it will be black on black
}

Quanto ao Firefox, eu uso o seguinte código em userChrome.csslocalizado em ~/.mozilla/firefox/profile_name/chrome:

@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/*prevent white flash*/
tabbrowser tabpanels { background-color: #111 !important}

Se a chromepasta não existir, crie-a. Note-se que tanto chromee userChrome.csssão maiúsculas de minúsculas.


fonte
2
A solução Chromium não funcionou para mim em 2015, mas a solução Firefox funciona principalmente. Não é possível evitar completamente a tremulação devido ao carregamento incremental de páginas dos navegadores.
holocronweaver
4
outro hack, bifurcando o código fonte aqui github.com/hbtlabs/chromium-white-flash-fix
hbt
1
O método firefox não funciona para mim (ubuntu 18.04+ ffox 65.0.1)
wotter 27/02
3

Até onde eu sei, todos os métodos antigos que corrigiram esse bug não funcionam mais (em 2016). Encontrei hoje uma solução para superar esse problema e escrevi sobre ele alguns que estão disponíveis aqui: http://jollo.org/LNT/public/chrome-white-flash.html .

Essencialmente, ele usa um script de autohotkey que pinta a janela até que a próxima página seja carregada, ignorando o período em que a janela pisca.

fanfarra
fonte
2

Solução alternativa agradável , os flashes brancos sumiram. Mas o fundo de alguns sites fica preto, o que é um pouco feio:

insira a descrição da imagem aqui

Então eu adaptei esse CSS e acabei com:

html:not(:hover), body:not(:hover){
    background-color:#000000;
}

Isso significa que quando o cursor não está sobre a página, o plano de fundo é definido como preto - quando você clica no botão da nova guia, o cursor não está sobre a página; portanto, um plano de fundo preto piscará em vez de um branco. Quando você passa o cursor sobre a página (quando a lê), o fundo preto é esquecido e o site é usado:

insira a descrição da imagem aqui insira a descrição da imagem aqui

Alex
fonte
Ótimo! Veja se você pode adicioná-lo à lista de comentários (edição 1373). Suspeito que não, porque eles parecem ter comentários restritos: Somente usuários com permissão EditIssue podem comentar. :(
E quando testei o Midori (também WebKit) há um ano, ele não ficou branco! Eu não sei como é agora. Saí de Midori porque não era tão personalizável e falhou (para mim) nem em algumas páginas importantes.
1
essa abordagem não funciona mais em 2016
ecoe 23/04
1

ATUALIZAÇÃO: Alterei minha resposta para usar o escurecimento temporário da tela, pois minha solução anterior estava com bugs e deixei o estado de rolagem do navegador quebrado.

Esta solução usa um script de automação configurado como um serviço disponibilizado para o Chrome e, finalmente, mapeado para um atalho de teclado no sistema. A solução simples era escurecer a tela cerca de 5x, funcionou para mim, mas você pode querer jogar com esse envio, dependendo do brilho. Se você usa uma configuração muito escura, por exemplo, a tela fica completamente em branco por um segundo, mas isso ainda é melhor do que o estridente flash de branco.

Consulte https://gist.github.com/lacostenycoder/01108de10fe02e2f39d9cceb2457b895

on run {input, parameters}

    set the_application to (path to frontmost application as Unicode text)

  repeat 5 times
    tell application "System Events"
          key code 107
      end tell
  end repeat
  delay 1

    tell application "System Events"

    keystroke "t" using command down
    delay 1

    end tell
  delay 1 
  repeat 5 times
    tell application "System Events"
          key code 113
      end tell
  end repeat

    return input
end run
lacostenycoder
fonte
0

Bom, funciona na história. O melhor é pegar o código original e mudar o texto para uma cor clara. O segundo código não funcionou, aqui está um:

Esta página explica como alterar o flash colorido usando um JS

Chrome pisca em tela preta ao usar transição de css rotate

compreensível
fonte
2
Reinstalei o chrome e agora a correção não funciona mais, ainda tenho o arquivo "user stylesheets / custom.css" que funcionava antes da instalação, mas está piscando em branco e a página de histórico está em branco novamente. alguém sabe por que?
com.prehensible