Verhindern Sie einen weißen Bildschirm, bevor Sie Seiten in Chrom laden?


38

Wenn eine Seite nicht sofort geladen wird, zeigen Chromium und alle anderen von mir verwendeten Browser einen weißen Bildschirm an, bevor sie eine Antwort erhalten:

Bildbeschreibung hier eingeben

Obwohl chrome://settings/personales das GTK + -Thema verwendet - in meinem Fall ist es Darklooks, das einen dunklen Hintergrund hat:

Bildbeschreibung hier eingeben

Gibt es eine Möglichkeit, dies in Chrom zu vermeiden? Oder, falls nicht, gibt es einen Browser, der dieses "Problem" nicht hat?


7
Ihre Seite sieht auch sehr verschwommen aus!
Greg

Für Firefox können Sie den Wert von browser.display.background_colorin eine dunklere Farbe ändern (# 333). Versuchen Sie auch, browser { background-color: #333 !important; }und tabbrowser tabpanels { background-color: #333 !important}in hinzuzufügen userChrome.css.
Mateen Ulhaq

Dieser Hack löste weißen Blitz für mich. stackoverflow.com/questions/16243105/…

Ich habe einfach das dunkle Inkognito-Theme chrome.google.com/webstore/detail/material-incognito-dark-t/... installiert. Dies hat das Problem für mich gelöst: Keine weiße Seite mehr auf Seite laden!
wp78de

Antworten:


14

Für Google Chrome und Chromium sind Sie wahrscheinlich ein Opfer von Problem 1373: Das Navigieren auf Websites mit dunklem Hintergrund führt zu blendend weißen Blitzen zwischen den Seiten .

Es gibt einen Hack, der Ihr in Kommentar 261 beschriebenes Elend minimiert, aber nicht vollständig beseitigt :

Als vorübergehende Korrektur habe ich das benutzerdefinierte Benutzer-Stylesheet so eingestellt, dass Seiten mit einem schwarzen Hintergrund gerendert werden, damit das Fenster vor dem Empfang von Stilinformationen von der Website schwarz statt weiß und jetzt schwarz blinkt, was viel erträglicher ist die Augen bis eine dauerhafte Lösung hergestellt ist.

Der Hack beinhaltet das Hinzufügen der folgenden Zeilen zu Ihrer, Custom.cssdie sich User Stylesheetsin Ihrem DefaultOrdner befindet. In meinem Fall ist der Weg ~/.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
}

Für Firefox verwende ich den folgenden Code userChrome.cssin ~/.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}

Wenn der chromeOrdner nicht vorhanden ist, erstellen Sie ihn. Beachten Sie, dass bei beiden die Groß- chromeund userChrome.cssKleinschreibung beachtet wird.


2
Die Chromium-Lösung hat 2015 bei mir nicht funktioniert, die Firefox-Lösung jedoch meistens. Flackern kann nicht vollständig vermieden werden, da Browser Seiten inkrementell laden.
Holocronweaver

4
ein weiterer Hack durch Gabeln des Quellcodes hier github.com/hbtlabs/chromium-white-flash-fix
hbt

1
Firefox-Methode funktioniert nicht für mich (Ubuntu 18.04+ ffox 65.0.1)
Wotter

3

Soweit ich weiß, funktionieren alle alten Methoden, die diesen Fehler behoben haben, nicht mehr (2016). Ich habe heute eine Lösung gefunden, um dieses Problem zu lösen, und einige davon hier geschrieben: http://jollo.org/LNT/public/chrome-white-flash.html .

Es wird im Wesentlichen ein Autohotkey-Skript verwendet, das das Fenster auf sich selbst malt, bis die nächste Seite geladen ist. Dabei wird der Zeitraum umgangen, in dem das Fenster blinkt.


2

Schöner Workaround vasa1, die weißen Blitze sind weg. Aber der Hintergrund einiger Websites wird schwarz, was ein bisschen hässlich ist:

Bildbeschreibung hier eingeben

Also habe ich das CSS angepasst und am Ende Folgendes erhalten:

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

Das heißt, wenn sich der Cursor nicht über der Seite befindet, wird der Hintergrund auf Schwarz gesetzt. Wenn Sie auf die neue Registerkarte klicken, befindet sich der Cursor nicht über der Seite, sodass ein schwarzer Hintergrund anstelle eines weißen blinkt. Wenn Sie den Mauszeiger über die Seite bewegen (wenn Sie sie lesen), wird der schwarze Hintergrund vergessen und stattdessen der der Website verwendet:

Bildbeschreibung hier eingeben Bildbeschreibung hier eingeben


Groß! Überprüfen Sie, ob Sie es zur Liste der Kommentare dort hinzufügen können (issue1373). Ich vermute, dass dies nicht der Fall ist, da sie anscheinend eingeschränkte Kommentare haben: Nur Benutzer mit EditIssue-Berechtigung dürfen Kommentare abgeben. :(

Und als ich Midori (auch WebKit) vor einem Jahr getestet habe, ist es nicht weiß geflasht! Ich weiß nicht, wie es jetzt ist. Ich habe Midori verlassen, weil es nicht so anpassbar und abgestürzt war (für mich) oder einige wichtige Seiten.

1
Dieser Ansatz funktioniert ab 2016 nicht mehr
ecoe

1

UPDATE: Ich habe meine Antwort dahingehend geändert, dass der Bildschirm vorübergehend abgeblendet wird, da meine vorherige Lösung fehlerhaft war und der Scroll-Status des Browsers fehlerhaft war.

Diese Lösung verwendet ein Automator-Skript, das als Dienst für Chrome eingerichtet und schließlich einer Tastenkombination im System zugeordnet wurde. Die einfache Lösung bestand darin, den Bildschirm nur um das Fünffache zu dimmen, was bei mir funktioniert hat, aber je nach Helligkeit möchten Sie möglicherweise mit diesem Sendevorgang spielen. Wenn Sie zum Beispiel eine sehr dunkle Einstellung verwenden, bleibt der Bildschirm für eine Sekunde komplett dunkel, aber das ist immer noch besser als das blitzende Weiß.

Siehe 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

0

Schön, es geht um Geschichte. Nehmen Sie am besten den Originalcode und ändern Sie den Text in eine helle Farbe. Der zweite Code hat nicht funktioniert, hier ist einer:

Auf dieser Seite wird erläutert, wie Sie den Farbblitz mit einem JS ändern

Chrome blinkt schwarzer Bildschirm bei Verwendung von CSS-Übergang drehen


2
Ich habe Chrome neu installiert und jetzt funktioniert das Update nicht mehr. Ich habe immer noch die Datei "user stylesheets / custom.css", die vor der Installation funktioniert hat, aber sie blinkt weiß und die Verlaufsseite ist wieder weiß. weiß jemand warum?
com.prehensible
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.