49 votes

Prévenir l'écran blanc avant le chargement d'une page dans Chrome ?

Lorsqu'une page ne se charge pas immédiatement, Chromium et tous les autres navigateurs que j'ai essayés affichent un écran blanc avant d'obtenir une réponse :

enter image description here

Même si chrome://settings/personal indique qu'il utilise le thème GTK+ - dans mon cas, il s'agit de Darklooks, qui a un arrière-plan sombre :

enter image description here

Existe-t-il un moyen d'éviter cela dans Chromium ? Ou, s'il n'y en a pas, existe-t-il un navigateur qui n'a pas ce "problème" ?

16voto

Pour Google Chrome et Chromium, vous êtes probablement victime de Problème 1373 : La navigation sur des sites web à fond sombre entraîne des flashs blancs aveuglants entre les pages. .

Il existe une méthode pour minimiser, mais pas éliminer totalement, votre misère, décrite dans le document commentaire 261 :

En guise de solution temporaire, j'ai défini le style d'utilisateur personnalisé avec un arrière-plan noir, de sorte qu'avant de recevoir les informations de style du site web, il rende la fenêtre noire au lieu de blanche. elle clignote en noir, ce qui est beaucoup plus supportable pour les yeux. jusqu'à ce qu'une solution permanente soit trouvée.

Le hack consiste à ajouter les lignes suivantes à votre Custom.css qui se trouve à User Stylesheets dans votre Default dossier. Dans mon cas, le chemin est ~/.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
}

Pour ce qui est de Firefox, j'utilise le code suivant dans userChrome.css situé à ~/.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}

Si le chrome n'existe pas, créez-le. Notez que les deux chrome et userChrome.css sont sensibles à la casse.

4voto

fanfare Points 199

Pour autant que je sache, toutes les anciennes méthodes qui corrigeaient ce bogue ne fonctionnent plus (en 2016). J'ai trouvé une solution aujourd'hui pour surmonter ce problème et j'ai écrit à ce sujet qui est disponible ici : http://jollo.org/LNT/public/chrome-white-flash.html .

Il utilise essentiellement un script d'autohotkey qui peint la fenêtre sur elle-même jusqu'à ce que la page suivante soit chargée, contournant ainsi la période pendant laquelle la fenêtre clignote.

2voto

Alex Points 2008

Bien solution de rechange vasa1, les éclairs blancs ont disparu. Mais l'arrière-plan de certains sites web devient noir, ce qui est un peu moche :

enter image description here

J'ai donc adapté ce CSS et je me suis retrouvé avec :

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

Cela signifie que lorsque le curseur n'est pas au-dessus de la page, l'arrière-plan est noir - lorsque vous cliquez sur le bouton "nouvel onglet", le curseur n'est pas au-dessus de la page, de sorte qu'un arrière-plan noir clignote au lieu d'un arrière-plan blanc. Lorsque vous passez le curseur au-dessus de la page (lorsque vous la lisez), l'arrière-plan noir est oublié et celui du site web est utilisé à la place :

enter image description hereenter image description here

1voto

lacostenycoder Points 111

MISE À JOUR : j'ai modifié ma réponse pour utiliser un obscurcissement temporaire de l'écran, car ma solution précédente était boguée et laissait l'état de défilement du navigateur cassé.

Cette solution utilise un automate script configuré comme un service mis à disposition de Chrome et finalement mappé à un raccourci clavier dans le système. La solution la plus simple consiste à réduire la luminosité de l'écran d'environ 5 fois, ce qui a fonctionné pour moi, mais vous pouvez jouer avec l'envoi en fonction de votre luminosité. Si vous utilisez un réglage très sombre par exemple, l'écran peut devenir complètement vide pendant une seconde, mais c'est toujours mieux que le flash blanc aveuglant.

Voir 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

1voto

Happy Town Points 119

L'installation de ce thème Dask a éliminé le flash de l'écran blanc pour moi sur Windows 10. https://chrome.google.com/webstore/detail/macos-mojave-dark-mode/emoadoophllahfgbjaidlhjgnnmmdigh?hl=en

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X