¿Prevenir la pantalla blanca antes de cargar la página en cromo?

38

Cuando una página no se carga inmediatamente, Chromium y todos los demás navegadores que probé muestran una pantalla en blanco antes de que reciban una respuesta:

ingrese la descripción de la imagen aquí

Aunque chrome://settings/personaldice que está usando el tema GTK +, en mi caso es Darklooks, que tiene un fondo oscuro:

ingrese la descripción de la imagen aquí

¿Hay alguna manera de evitar esto en Chromium? O, si no lo hay, ¿hay un navegador que no tenga este "problema"?

Alex
fuente
77
¡Tu página también se ve muy borrosa!
Greg
Para Firefox, puede cambiar el valor de browser.display.background_colora un color más oscuro (# 333). También intente agregar browser { background-color: #333 !important; }y tabbrowser tabpanels { background-color: #333 !important}en userChrome.css.
Mateen Ulhaq
Este truco resolvió el destello blanco para mí. stackoverflow.com/questions/16243105/…
Simplemente instalé el tema oscuro de incógnito chrome.google.com/webstore/detail/material-incognito-dark-t/… esto resolvió el problema para mí: ¡Ya no hay una página blanca en la carga de la página!
wp78de

Respuestas:

14

Para Google Chrome y Chromium, probablemente sea víctima del problema 1373: la navegación por sitios web de fondo oscuro produce destellos blancos cegadores entre las páginas .

Hay un truco para minimizar, pero no eliminar por completo, su miseria descrita en el comentario 261 :

Como solución temporal, configuré la hoja de estilo de usuario personalizada para representar las páginas con un fondo negro, de modo que antes de recibir información de estilo del sitio web, la ventana se vuelva negra en lugar de blanca, y ahora parpadea en negro, lo que es mucho más soportable en los ojos hasta que se haga una solución permanente.

El hack consiste en agregar las siguientes líneas a su Custom.cssque se encuentra User Stylesheetsen su Defaultcarpeta. En mi caso, el camino es ~/.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
}

En cuanto a Firefox, utilizo el siguiente código userChrome.cssubicado en ~/.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 la chromecarpeta no existe, créela. Tenga en cuenta que ambos chromey userChrome.cssdistinguen entre mayúsculas y minúsculas.


fuente
2
La solución de cromo no funcionó para mí en 2015, pero la solución de Firefox lo hace principalmente. No se puede evitar por completo el parpadeo debido a que los navegadores cargan páginas de forma incremental.
holocronweaver
44
otro truco bifurcando el código fuente aquí github.com/hbtlabs/chromium-white-flash-fix
hbt
1
el método firefox no funciona para mí (ubuntu 18.04+ ffox 65.0.1)
wotter
3

Hasta donde yo sé, todos los métodos antiguos que arreglaron este error ya no funcionan (en 2016). Se me ocurrió una solución hoy para superar este problema y escribí sobre esto, que está disponible aquí: http://jollo.org/LNT/public/chrome-white-flash.html .

Básicamente, utiliza una secuencia de comandos de autohotkey que pinta la ventana sobre sí misma hasta que se carga la siguiente página, sin pasar por el período en el que la ventana parpadea.

trompeteo
fuente
2

Buena solución vasa1, los destellos blancos se han ido. Pero el fondo de algunos sitios web se vuelve negro, lo cual es un poco feo:

ingrese la descripción de la imagen aquí

Así que adapté ese CSS y terminé con:

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

Esto significa que cuando el cursor no está sobre la página, el fondo se establece en negro: cuando hace clic en el botón de la nueva pestaña, el cursor no está sobre la página, por lo que un fondo negro parpadeará en lugar de uno blanco. Cuando pasas el cursor sobre la página (cuando la estás leyendo), el fondo negro se olvida, y en su lugar se usa el del sitio web:

ingrese la descripción de la imagen aquí ingrese la descripción de la imagen aquí

Alex
fuente
¡Excelente! Vea si puede agregarlo a la lista de comentarios allí (número 1373). Sospecho que es posible que no, porque parecen tener comentarios restringidos: solo los usuarios con permiso EditIssue pueden comentar. :(
Y cuando probé Midori (también WebKit) hace un año, ¡no parpadeó en blanco! No sé como es ahora. Dejé Midori porque no era tan personalizable y se bloqueó (para mí) o algunas páginas importantes.
1
este enfoque ya no funciona a partir de 2016
ecoe
1

ACTUALIZACIÓN: he cambiado mi respuesta para utilizar el oscurecimiento temporal de la pantalla ya que mi solución anterior tenía errores y dejaba el estado de desplazamiento del navegador roto.

Esta solución utiliza un script de automatización configurado como un servicio disponible para Chrome y finalmente asignado a un atajo de teclado en el sistema. La solución simple era simplemente atenuar la pantalla aproximadamente 5x funcionó para mí, pero es posible que desee jugar con ese envío dependiendo de su brillo. Si usa una configuración muy oscura, por ejemplo, la pantalla puede quedar completamente en blanco por un segundo, pero eso es aún mejor que el destello blanco deslumbrante.

Ver 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
lacostenycoder
fuente
0

Buena, funciona en la historia. Lo mejor es tomar el código original y cambiar el texto a un color claro. El segundo código no funcionó, aquí hay uno:

Esta página explica cómo cambiar el flash de color usando un JS

Chrome parpadea en la pantalla en negro cuando se utiliza la rotación CSS transición

comprensible
fuente
2
Reinstalé Chrome y ahora la solución ya no funciona, todavía tengo el archivo "user stylesheets / custom.css" que funcionó antes de la instalación, pero está parpadeando en blanco y la página de historial está en blanco nuevamente. Alguien sabe por qué?
com.prehensible