☰

防止在 Chromium 中加载页面之前出现白屏？

tag-icon • tag-icon google-chrome chromium
防止在 Chromium 中加载页面之前出现白屏？

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

在此处输入图片描述

尽管chrome://settings/personal说它使用的是 GTK+ 主题 - 在我的情况下它是 Darklooks，它有一个深色背景：

在此处输入图片描述

有没有办法在 Chromium 中避免这种情况？或者，如果没有，有没有没有这个“问题”的浏览器？

答案1

对于 Google Chrome 和 Chromium，你可能是问题 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文件夹不存在，请创建它。请注意chrome和userChrome.css都区分大小写。

答案2

据我所知，所有修复此错误的旧方法都不再有效（2016 年）。我今天想出了一个解决方案来解决这个问题，并写了一些内容，可在此处获取：http://jollo.org/LNT/public/chrome-white-flash.html。

它本质上是利用了一个自动热键脚本，将窗口绘制到自身上，直到下一页加载完成，从而绕过窗口闪烁的时间。

答案3

好的解决方法vasa1，白闪没了。但是有些网站背景变黑了，有点难看：

在此处输入图片描述

所以我调整了 CSS，最终得到以下结果：

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

这意味着当光标不在页面上时，背景设置为黑色 - 当您单击新标签按钮时，光标不在页面上，因此黑色背景将闪烁而不是白色。当您将光标悬停在页面上时（当您阅读时），黑色背景就会被遗忘，取而代之的是网站的背景：

在此处输入图片描述 在此处输入图片描述

答案4

安装此 Dask 主题消除了 Windows 10 上的白屏闪烁。https://chrome.google.com/webstore/detail/macos-mojave-dark-mode/emoadoophllahfgbjaidlhjgnnmmdigh?hl=en

相关内容