![FOUC 的问题](https://linux22.com/image/1558424/FOUC%20%E7%9A%84%E9%97%AE%E9%A2%98.png)
我使用的是 Firefox 开发者版。我已为它配置了几个为其设置了深色主题的程序。我最大的问题是,由于我的眼睛会适应屏幕变暗,因此每当我打开网页时,无样式内容的闪烁都会伤害我的眼睛。
目前我所做的是启用深色主题,它可以很好地处理标签和 URL 栏。对于受保护的页面,我也使用 ShadowFox 将它们涂成深色。然后我配置了一个名为“深色背景和浅色文本”的插件来为所有网页着色。
我尝试在 about:config 中编辑显示前景和背景颜色。我将开发者主题设置为深色。Shadowfox 负责编辑 userChrome 文件。
现在我最大的问题是像谷歌这样的网站。使用谷歌时,在自定义颜色出现之前,我可以看到大约一秒钟的原始浅色。大多数网站并没有那么糟糕,但都遵循相同的趋势,先显示浅色背景,然后显示深色背景。在 about:config 中编辑显示颜色对某些网站有帮助,但对谷歌完全没有影响。
我想知道是否有任何配置可以修复fouc。如果需要,我非常愿意修改源代码中的基础颜色。我在互联网上找不到任何有用的东西。我能做些什么吗?也许更改源代码中的颜色值?
答案1
Firefox 和 Redit 论坛针对此问题提供了多种解决方案。我不确定它们是否都适用于同一种情况,所以您不妨全部尝试一下。
帖子
点击空闲标签时 Firefox Quantum 会闪烁白屏
建议在配置文件夹中编辑或创建文件
userContent.css
并userChrome.css
添加以下行:
.tabbrowser-tabbox { background-color: #a9a9a9 !important; }
如果文件已经存在,请检查其是否与现有内容冲突。
帖子
如何使新打开(但未加载)的窗口/选项卡的颜色变暗?
建议添加userChrome.css
以下行:
/* Reduce the "white flash" in new tabs */
browser[type="content-primary"],
browser[type="content"] {
background: #778899 !important;
}
如果您已安装,请检查此操作是否已完成 影狐 (Firefox 的通用深色主题)。
帖子
如何阻止 Firefox 在页面加载时闪烁白屏?
建议在 about:config 中设置browser.display.background_color
为更深的颜色 (#333)。还添加到userChrome.css
:
{ background-color: #333 !important; }
帖子
删除页面加载前的白色闪光
包含更多和的代码userContent.css
,userChrome.css
这些代码可能也已包含在 ShadowFox 中。代码太大,无法在此处包含。
如果上述方法之一解决了问题,请指出是哪一种方法。