如何在 Firefox 中更改主页的背景图像？

Question

我想通过将背景图像更改为我想要的东西来改变 Firefox 浏览器无聊的主页的外观和感觉。

系统基本信息：

• 操作系统：GNU/Linux
• Firefox 版本：72.0a1 (2019-10-22)（64 位）

如果我可以在没有广告的情况下做到这一点，那对我来说会更好......

Answer 1

在 Firefox 中，无法从“设置”更改主页（新选项卡）的背景图像。附加组件当然可以做到这一点，但有一个更好的方法：我们可以创建一个 CSS 文件并告诉 Firefox 在它启动时加载该文件。

为此，请按照下列步骤操作：

1. 转到about:support地址栏中的。查看“应用程序基础知识”部分？配置文件目录（或MacOS 上的“配置文件文件夹”）？单击“打开目录”按钮（或MacOS 上的“在 Finder 中显示”）：

它应该打开您的 Firefox 配置文件目录，该目录通常位于您的 $HOME 目录中。

2. 在打开的目录中创建一个名为chrome的目录（如果它还没有）。

3. 转到chrome目录，(a) 创建一个名为img的目录，(b) 创建一个名为userContent.css的文件。将您的图像移动到img目录。

4. userContent.css在任何文本编辑器中打开并粘贴以下代码：

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {
    .click-target-container *, .top-sites-list * {
        color: #fff !important ;
        text-shadow: 2px 2px 2px #222 !important ;
    }

    body::before {
        content: "" ;
        z-index: -1 ;
        position: fixed ;
        top: 0 ;
        left: 0 ;
        background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
        background-size: cover ;
        width: 100vw ;
        height: 100vh ;
    }
}

不要忘记将文件名更改url(img/cherry-blossom-1260646.jpg)为您喜欢的图像。

保存文件并退出编辑器。

5. 转到 url about:config，接受风险（我们不会在这里真正做任何有害的事情，没什么可担心的），然后在搜索栏中粘贴toolkit.legacyUserProfileCustomizations.stylesheets，并将值设置为 true。这告诉 Firefox 在启动时加载 CSS 文件。

6. 如果正在运行，请重新启动 Firefox。

CSS 代码说明

一种

@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing)

在主页选项卡、新选项卡和隐私浏览选项卡上启用背景。

乙

.click-target-container *, .top-sites-list * {
    color: #fff !important ;
    text-shadow: 2px 2px 2px #222 !important ;
}

将“Top Sites”和“Highlights”颜色更改为带有深色文本阴影的白色。对于较轻的墙纸，您需要编辑颜色以使其看起来更舒适。

C

body::before {
    content: "" ;
    z-index: -1 ;
    position: fixed ;
    top: 0 ;
    left: 0 ;
    background: #f9a no-repeat url(img/cherry-blossom-1260646.jpg) center ;
    background-size: cover ;
    width: 100vw ;
    height: 100vh ;
}

加载具有固定位置以及视口宽度和高度的图像（此处为img/cherry-blossom-1260646.jpg）body::before。如果正在加载或未找到背景图像，则背景颜色设置为#f9a。

这background-size: cover使得它可以使用 Firefox 自动调整，放大/缩小不会影响图像大小。

在 GNU/Linux 和 Unix 系统上，您也可以从 加载图像/usr/share/backgrounds/。

重新启动 Firefox 后应如下所示：