FOUC 的问题

FOUC 的问题

我使用的是 Firefox 开发者版。我已为它配置了几个为其设置了深色主题的程序。我最大的问题是,由于我的眼睛会适应屏幕变暗,因此每当我打开网页时,无样式内容的闪烁都会伤害我的眼睛。

目前我所做的是启用深色主题,它可以很好地处理标签和 URL 栏。对于受保护的页面,我也使用 ShadowFox 将它们涂成深色。然后我配置了一个名为“深色背景和浅色文本”的插件来为所有网页着色。

我尝试在 about:config 中编辑显示前景和背景颜色。我将开发者主题设置为深色。Shadowfox 负责编辑 userChrome 文件。

现在我最大的问题是像谷歌这样的网站。使用谷歌时,在自定义颜色出现之前,我可以看到大约一秒钟的原始浅色。大多数网站并没有那么糟糕,但都遵循相同的趋势,先显示浅色背景,然后显示深色背景。在 about:config 中编辑显示颜色对某些网站有帮助,但对谷歌完全没有影响。

我想知道是否有任何配置可以修复fouc。如果需要,我非常愿意修改源代码中的基础颜色。我在互联网上找不到任何有用的东西。我能做些什么吗?也许更改源代码中的颜色值?

答案1

Firefox 和 Redit 论坛针对此问题提供了多种解决方案。我不确定它们是否都适用于同一种情况,所以您不妨全部尝试一下。


帖子 点击空闲标签时 Firefox Quantum 会闪烁白屏 建议在配置文件夹中编辑或创建文件 userContent.cssuserChrome.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.cssuserChrome.css这些代码可能也已包含在 ShadowFox 中。代码太大,无法在此处包含。


如果上述方法之一解决了问题,请指出是哪一种方法。

相关内容