Impedire lo schermo bianco prima di caricare la pagina in cromo?


38

Quando una pagina non viene caricata immediatamente, Chromium e ogni altro browser che ho provato visualizzano una schermata bianca prima che ottengano una risposta da essa:

inserisci qui la descrizione dell'immagine

Anche se chrome://settings/personaldice che sta usando il tema GTK + - nel mio caso è Darklooks, che ha uno sfondo scuro:

inserisci qui la descrizione dell'immagine

C'è un modo per evitarlo in Chromium? Oppure, in caso contrario, esiste un browser che non presenta questo "problema"?


7
Anche la tua pagina sembra molto sfocata!
Greg

Per Firefox, puoi modificare il valore browser.display.background_colorin un colore più scuro (# 333). Prova anche ad aggiungere browser { background-color: #333 !important; }e tabbrowser tabpanels { background-color: #333 !important}in userChrome.css.
Mateen Ulhaq,

questo hack ha risolto il flash bianco per me. stackoverflow.com/questions/16243105/...

Ho semplicemente installato il tema in incognito scuro chrome.google.com/webstore/detail/material-incognito-dark-t/… questo ha risolto il problema per me: nessuna pagina bianca sulla pagina si carica più!
wp78de,

Risposte:


14

Per Google Chrome e Chromium, sei probabilmente vittima del numero 1373: la navigazione di siti Web con sfondo scuro provoca accecanti lampi bianchi tra le pagine .

C'è un trucco per minimizzare, ma non eliminare del tutto, la tua sofferenza descritta nel commento 261 :

Come soluzione temporanea, ho impostato il foglio di stile utente personalizzato per il rendering delle pagine con uno sfondo nero in modo che prima di ricevere informazioni di stile dal sito Web renda la finestra nera anziché bianca e ora invece lampeggi nera, che è molto più sopportabile su gli occhi fino a quando non viene fatta una soluzione permanente.

L'hacking comporta l'aggiunta delle seguenti righe al tuo Custom.cssche si trova User Stylesheetsnella tua Defaultcartella. Nel mio caso, il percorso è ~/.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
}

Per quanto riguarda Firefox, utilizzo il seguente codice 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}

Se la chromecartella non esiste, crearla. Si noti che entrambe chromee userChrome.csssono case-sensitive.


2
La soluzione Chromium non ha funzionato per me nel 2015, ma la soluzione Firefox per lo più funziona. Non è possibile evitare completamente lo sfarfallio a causa del caricamento incrementale delle pagine da parte dei browser.
holocronweaver,

4
un altro hack
inserendo

1
il metodo firefox non funziona per me (ubuntu 18.04+ ffox 65.0.1)
wotter

3

Per quanto ne so, tutti i vecchi metodi che hanno corretto questo errore non funzionano più (nel 2016). Oggi ho trovato una soluzione per superare questo problema e ne ho scritto un po 'disponibile qui: http://jollo.org/LNT/public/chrome-white-flash.html .

Fa essenzialmente uso di uno script autohotkey che dipinge la finestra su se stesso fino al caricamento della pagina successiva, evitando il periodo in cui la finestra lampeggia.


2

Bella soluzione alternativa vasa1, i lampi bianchi sono spariti. Ma lo sfondo di alcuni siti Web diventa nero, il che è un po 'brutto:

inserisci qui la descrizione dell'immagine

Quindi ho adattato quel CSS e ho finito con:

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

Ciò significa che quando il cursore non si trova sulla pagina, lo sfondo è impostato su nero - quando si fa clic sul pulsante della nuova scheda, il cursore non si trova sulla pagina, quindi uno sfondo nero lampeggerà invece di uno bianco. Quando passi il cursore sopra la pagina (quando la leggi) viene quindi dimenticato lo sfondo nero e al suo posto viene utilizzato quello del sito Web:

inserisci qui la descrizione dell'immagine inserisci qui la descrizione dell'immagine


Grande! Vedi se riesci ad aggiungerlo all'elenco dei commenti lì (issue1373). Ho il sospetto che tu non possa farlo perché sembrano avere commenti limitati: solo gli utenti con l'autorizzazione EditIssue possono commentare. :(

E quando ho provato Midori (anche WebKit) un anno fa, non ha funzionato in bianco! Non so come sia adesso. Ho lasciato Midori perché non era così personalizzabile e in crash (per me) o alcune pagine importanti.

1
questo approccio non funziona più dal 2016
ecoe,

1

AGGIORNAMENTO: ho modificato la mia risposta per utilizzare l'oscuramento temporaneo dello schermo poiché la mia soluzione precedente era difettosa e lasciava lo stato di scorrimento del browser interrotto.

Questa soluzione utilizza uno script di automazione impostato come servizio reso disponibile per Chrome e infine mappato su una scorciatoia da tastiera nel sistema. La semplice soluzione era di oscurare lo schermo di circa 5x che funzionava per me, ma potresti voler giocare con quell'invio a seconda della tua luminosità. Se ad esempio usi un'impostazione molto scura, lo schermo può diventare completamente vuoto per un secondo, ma è comunque meglio del lampo lampante del bianco.

Vedi 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

Bello, funziona sulla storia. La cosa migliore è prendere il codice originale e cambiare il testo in un colore chiaro. Il secondo codice non ha funzionato, eccone uno:

Questa pagina spiega come cambiare il flash di colore usando un JS

Chrome lampeggia schermo nero quando si utilizza la rotazione css


2
Ho reinstallato Chrome e ora la correzione non funziona più, ho ancora il file "fogli di stile utente / custom.css" che ha funzionato prima dell'installazione, ma è bianco lampeggiante e la pagina della cronologia è di nuovo bianca. qualcuno sa perché?
comprensibile il
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.