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

28

Quando uma página não é carregada imediatamente, o Chromium e todos os outros navegadores que eu tentei exibem uma tela branca antes de receber uma resposta:

Mesmoquechrome://settings/personaldigaqueestáusandootemaGTK+-nomeucaso,éoDarklooks,quetemumfundoescuro:

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

    
por Alex 09.04.2013 / 11:08

5 respostas

2

Nice solução alternativa vasa1, os flashes brancos desapareceram. Mas o fundo de alguns sites fica preto, o que é um pouco feio:

EntãoeuadapteiesseCSSetermineicom:

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

Issosignificaquequandoocursornãoestásobreapágina,oplanodefundoépreto-quandovocêclicanobotãonovaguia,ocursornãoestásobreapágina,entãoumfundopretopiscaemvezdebranco.Quandovocêpassaocursorsobreapágina(quandoestálendo),ofundopretoéesquecidoeositeéusado:

    
por 11.05.2013 / 19:31
11

Para o Google Chrome e o Chromium, você provavelmente é uma vítima da Edição 1373: Navegando em sites de fundo escuro resulta em flashes brancos cegantes entre as páginas .

Há um hack para minimizar, mas não eliminar totalmente, sua infelicidade descrita em comentário 261 :

As a temporary fix, I set the custom user stylesheet to render pages with a black background so that before it receives styling information from the website it renders the window black instead of white, and now it flashes black instead, which is much more bearable on the eyes until a permanent solution is made.

O truque envolve adicionar as seguintes linhas ao seu Custom.css , que está localizado em User Stylesheets na sua pasta Default . 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.css , localizado 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 pasta chrome não existir, crie-a. Observe que chrome e userChrome.css fazem distinção entre maiúsculas e minúsculas.

    
por 11.05.2013 / 18:59
3

Até onde eu sei, todos os métodos antigos que corrigiram esse bug não funcionam mais (em 2016). Eu criei uma solução hoje para superar esse problema e escrevi sobre isso, algo que está disponível aqui: link .

Ele essencialmente faz uso de um script autohotkey que pinta a janela para si até que a próxima página seja carregada, contornando o período em que a janela pisca.

    
por 09.07.2016 / 01:33
1

ATUALIZAÇÃO: alterei minha resposta para usar o escurecimento temporário da tela, pois minha solução anterior estava com defeito 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 foi apenas para escurecer a tela cerca de 5x funcionou para mim, mas você pode querer jogar com esse envio, dependendo do seu brilho. Se você usar uma configuração muito escura, por exemplo, a tela ficará completamente em branco por um segundo, mas ainda melhor que o clarão de branco.

Veja link

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
    
por 19.01.2017 / 13:34
0

Nice, funciona na história. A melhor coisa é 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

O Chrome pisca em tela preta ao usar a transição css para girar

    
por 22.01.2014 / 04:36