segmentar por CSS a página em branco exibida pelo Google Chrome por uma fração de segundo durante o carregamento

Question

Quando você clica em um link no Chrome para ir da página x para a página y, por uma fração de segundo, ele exibe uma página em branco vazia. Eu quero deixar essa página preta para não machucar meus olhos.

Agora, sou recém-formado nesta questão:

Hackeie o Chrome para exibir suas páginas internas com preto fundo

Como a resposta aceita sugere, eu customizei meu arquivo C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css .

Acontece que este arquivo é capaz de direcionar a página de carregamento em fração de segundo! Yay! Consegui deixar essa página em preto colocando um simples html {background: black} em Custom.css .

O problema é ... O arquivo Custom.css é aplicado a todas páginas da web. Isso significa que agora obtenho um plano de fundo preto em todas as páginas, o que é algo que não quero! (Porque eu já tenho uma extensão que vira as cores, e o preto invertido fica branco.)

Minha pergunta é: Como escrevo CSS em Custom.css que segmenta somente a página em branco exibida pelo Google Chrome por uma fração de segundo ao carregar uma página da Web?

    

Answer 1

Para responder à pergunta em questão, não acho que seja possível segmentar a página (ou este estado de uma página) apenas por CSS.

Eu criei uma rápida extensão do Google Chrome para tornar o fundo de todas as páginas em preto até que a página seja carregada.

Você pode encontrá-lo em GitHub e Web Store do Chrome .

Por favor, note que eu só escrevi isso para esta pergunta específica e não fiz testes extensivos. Eu já notei um problema no Google Searches. Eu uso o Google Instant e parece que o evento window.onload em que a extensão depende nunca é acionado.

Ele deve funcionar de maneira bastante confiável na versão 0.2 agora.

Sinta-se à vontade para reportar bugs no GitHub, provavelmente vou corrigi-los.

    

Answer 2

Tenho quase certeza de que isso não pode ser feito. A "página" que você vê por uma fração de segundo não é, na verdade, uma página separada, mas meramente a página não construída que está sendo baixada. A única maneira de contornar isso seria que todas as páginas que você visitar especificam explicitamente um plano de fundo que, em seguida, substituiria o que estava em Custom.css.

A única maneira que eu posso pensar em contornar isso seria executar algum JavaScript (usando algo como greasemonkey) quando as páginas são carregadas para remover o fundo preto, se não for necessário.

EDITAR: Na verdade, depois de pensar um pouco, isso pode fazer o que você quiser (talvez com alguns ajustes)

html {
    -webkit-animation: fadebackground 1s linear 0 1;
}

@-webkit-keyframes fadebackground {
    0% {
        background: black;
    }
    100% {
        background: none;
    }
}

Isso começará com um fundo preto e desaparecerá após um segundo. Você pode encontrar uma descrição bastante detalhada da propriedade -webkit-animation aqui link

    

Answer 3

Adicione isso a %LOCALAPPDATA%\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

body:empty {
    background: black;
}