防止在将页面装入铬之前出现白屏?


38

当页面无法立即加载时,Chromium和我尝试过的所有其他浏览器在收到响应之前都会显示白屏:

在此处输入图片说明

即使chrome://settings/personal说它正在使用GTK +主题-在我的情况下,它是Darklooks,它具有深色背景:

在此处输入图片说明

有没有办法避免在Chromium中发生这种情况?或者,如果没有,是否存在没有此“问题”的浏览器?


7
您的页面看起来也很模糊!
格雷格2014年

对于Firefox,您可以将的值更改browser.display.background_color为较深的颜色(#333)。同时尝试将browser { background-color: #333 !important; }和添加tabbrowser tabpanels { background-color: #333 !important}到中userChrome.css
Mateen Ulhaq,2014年

这个hack为我解决了白色闪光。 stackoverflow.com/questions/16243105/…–

我只是安装了深色的隐身主题chrome.google.com/webstore/detail/material-incognito-dark-t / ...,这为我解决了这个问题:页面加载不再有白页!
wp78de

Answers:


14

对于Google Chrome和Chromium,您可能是Issue 1373的受害者:浏览深色背景的网站会导致页面之间出现白色闪烁的盲目现象

有一种方法可以最大程度地减少(但不能完全消除)注释261中所述的苦难:

作为临时解决方案,我将自定义用户样式表设置为呈现黑色背景的页面,以便在它从网站接收样式信息之前,将窗口呈现为黑色而不是白色,现在它闪烁为黑色,这在以下情况上更容易接受直到永久解决。

黑客包括添加以下行到Custom.css它位于User Stylesheets你的Default文件夹中。就我而言,路径为~/.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
}

至于Firefox中,我使用下面的代码在userChrome.css位于~/.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}

如果该chrome文件夹不存在,请创建它。请注意,chromeuserChrome.css均区分大小写。


2
Chromium解决方案在2015年对我不起作用,但Firefox解决方案在大多数情况下不起作用。由于浏览器逐渐加载页面,无法完全避免闪烁。
holocronweaver

4
通过在此处分叉源代码来进行另一次黑客攻击github.com/hbtlabs/chromium-white-flash-fix
hbt

1
firefox方法对我不起作用(ubuntu 18.04+ ffox 65.0.1)
wotter

3

据我所知,修复此错误的所有旧方法都不再起作用(在2016年)。我今天想出了一个解决该问题的解决方案,并在此处提供了一些解决方案:http : //jollo.org/LNT/public/chrome-white-flash.html

它实质上利用了自动热键脚本,该脚本将窗口绘制到自身上,直到加载下一页为止,而绕过了窗口闪烁的时间段。


2

很好的解决方法 vasa1,白色的闪烁消失了。但是某些网站的背景变黑了,这有点丑陋:

在此处输入图片说明

所以我修改了CSS,最后得到了:

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

这意味着当光标不在页面上方时,背景设置为黑色-单击新选项卡按钮时,光标不在页面上方,因此黑色背景将闪烁,而不是白色背景。当您将光标悬停在页面上时(阅读时),黑色的背景就会被忘记,而使用网站的背景:

在此处输入图片说明 在此处输入图片说明


大!看看是否可以将其添加到那里的注释列表中(issue1373)。我怀疑您可能没有,因为他们似乎评论受到了限制:只有具有EditIssue权限的用户才能发表评论。:(

一年前,当我测试Midori(也是WebKit)时,它并没有闪烁白色!我不知道现在怎么样。我离开Midori是因为它不是可定制的,并且崩溃了(对我来说)或一些重要页面。

1
这种方法从2016

1

更新:我更改了答案以使用屏幕的暂时调光,因为我以前的解决方案存在问题,并且浏览器的滚动状态中断了。

该解决方案使用设置为服务的自动化脚本,该脚本可用于Chrome,并最终映射到系统中的键盘快捷键。简单的解决方案是将屏幕调暗约5倍,这对我来说可行,但是您可能要根据亮度来玩发送。例如,如果您使用非常暗的设置,则屏幕可能会完全变黑一秒钟,但这仍然比白色的闪光效果要好。

参见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

不错,它适用于历史。最好的办法是采用原始代码并将文本更改为浅色。第二个代码不起作用,这是一个:

本页说明如何使用JS更改彩色闪光灯

使用CSS过渡旋转时Chrome闪烁黑屏


2
我重新安装了chrome,现在修复程序不再起作用,我仍然具有“ user stylesheets / custom.css”文件,该文件在安装之前就可以使用了,但是它闪烁白色,并且历史记录页面再次变成白色。有人知道为什么吗?
com.prehensible
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.