DJ王大海

Back

Firefox 火狐不完全配置手册Blur image

外观修改#

ArcWTF#

2024-12-12 更新,由于 VerticalFox 项目更新频率较低,这里推荐一个类似 Arc浏览器 的主题,而且它的更新方式也更加简单些。

效果图参照 ArcWTF 项目:

安装教程#

按照作者的安装教程

1/3) 安装插件并选择主题

  • 安装 SideberyUserchrome Toggle
  • 打开 about:addons,点击 ‘Userchrome Toggle’,进入 ‘Options’ 选项卡。
  • 禁用 ‘Display a notification’,转到 ‘Style Toggle 1’,将 || IN 前缀(也应具有结束空格)并应用更改。
  • 单击扩展按钮(拼图图标),右键单击 Userchrome 切换图标,单击“固定到工具栏”。
  • 打开 Sidebery 设置,转到样式编辑器并粘贴 CSS 配置 ,或转到帮助部分并单击导入 我的备份 JSON 文件 。转到 导航栏 设置,然后添加选项卡面板以根据您的喜好用作空间。 就个人而言,我使用“历史记录”面板作为第一个项目来模拟 Arc 上的“最近关闭”按钮,因此在 CSS 配置上应用自定义图标会更容易。

(2/3) 应用 CSS 主题

  • 下载 - 适用于 Firefox ; for Floorp - 或在本地克隆此存储库
  • 转到 about:profiles
  • 选中“根目录”,然后单击“打开文件夹”/“在 Finder 中显示”
  • 点击并打开“chrome”文件夹(如果文件夹尚不存在,请创建该文件夹)
  • 将此存储库中的文件夹和文件粘贴到 chrome 文件夹
  • 转到 about:configtoolkit.legacyUserProfileCustomizations.stylesheets 进入栏并将其值设置为 true/选择 布尔值 ,然后单击 +(加号)图标。
  • 之后,粘贴 svg.context-properties.content.enabled 进入栏并将其值设置为 true/选择 布尔值 ,然后单击 +(加号)图标。
  • 重新启动 Firefox

(3/3) 如何使用这个主题?

  • 将鼠标悬停在浏览器左上角以显示垂直选项卡。
  • 右键单击导航工具栏,然后单击 ‘Customize Toolbar’。将 Userchrome Toggle 按钮移动到左侧位置,在 back-forward-reload 按钮之前。在 URL 栏前后放置灵活的空格。查看下面的屏幕截图以获取指南
  • 使用 Userchrome Toggle 打开(固定位置)或关闭侧边栏(自动隐藏,悬停显示选项卡)。

VerticalFox#

效果图参照 VerticalFox 项目:

安装教程#

按照作者的中文安装指南

  1. 安装 Sidebery 插件。
  2. 根据你所使用的操作系统,下载 release 中的压缩包并解压。(如果你熟悉 Firefox 自定义,你可以直接在源码中找到你要的文件)
  3. 在地址栏中输入 about:config 并前往,接受风险提示。
  4. 搜索 toolkit.legacyUserProfileCustomizations.stylesheets 并双击设置为 true。
  5. 在地址栏中输入 about:support 并前往,在 应用程序概要 中找到 配置文件夹 并打开。
  6. 在打开的目录下新建 chrome 文件夹,名称必须全部小写。
  7. 复制下载好的 userChrome.csschrome 文件夹中,重启浏览器。
  8. 打开 Sidebery 的设置,前往 Styles Editor,在右侧复制粘贴 sidebery_styles.css 中的代码。

作者已经写的很清晰了,详情请点击上面的指南链接自行查看,这里不多做赘述。

如果 Github 访问缓慢,无法下载 release,也可以从狗盘中进行下载:

但是可能没有办法及时进行更新,还请大家谅解。

这里介绍一下什么是 about:configabout:support,以及为什么要在火狐浏览器的配置文件夹下放置 chrome 文件夹。

什么是 about:config#

about:config 页面,即配置编辑器。会列出名为“首选项”的 Firefox 设置项目,这些设置从 Firefox 用户配置文件中的 prefs.jsuser.js 文件或程序的默认设置中读取。由于这些首选项属于高级设置项目,它们不会在 设置 面板中出现。

换句话说,about:config 就是一个特殊的设置页面,里面包含了各种高级设置,可以在这里对火狐进行各种设置,比如:

  • 启用或禁用功能: 您可以找到各种功能的开关,从页面加载到 JavaScript 引擎的配置等。通过修改这些设置,您可以自定义浏览器的行为,以满足您的偏好。
  • 网络设置: 您可以调整网络相关的参数,例如代理设置、DNS 缓存等。这些设置可以影响浏览器的网络性能和安全性。
  • 界面定制: 您可以修改浏览器的外观和行为,例如修改地址栏的默认搜索引擎、更改界面语言等。
  • 安全和隐私设置: 您可以调整浏览器的安全和隐私设置,例如修改 TLS 版本支持、启用跟踪保护等。
  • 高级配置: 您还可以找到一些更加高级的设置,例如调整浏览器的性能参数、修改 SSL/TLS 协议的配置等。

这些功能会在接下来的 性能设置 部分提到,其中的 prefs.jsuser.js 则会在每次火狐启动时被读取,从而自动调整火狐的 about:config

什么是 about:support#

about:support 是火狐浏览器中的另一个特殊页面,提供了有关当前安装的火狐浏览器的详细信息。当访问 about:support 时,将看到一个包含各种浏览器相关信息的页面。

其中的 配置文件夹 则是可以看到你当前使用的和已经拥有的火狐的配置文件,我们就可以将 chrome 文件夹放在你当前使用的配置文件中了。

chrome 文件夹是做什么的#

Firefox 浏览器的配置文件夹中可以包含一个名为 chrome 的文件夹。在这个文件夹中,我们可以放置一些自定义的用户界面元素,以修改浏览器的外观和行为。这些自定义元素可以是用户样式表 (userChrome.css)、用户脚本 (userChrome.js) 或者用户界面元素 (userChrome.xml) 等。

其中,最常见的是用户样式表 (userChrome.css),就是我们这次使用到的东西,它可以通过 CSS 样式来修改浏览器的界面元素,包括修改菜单栏、工具栏、标签栏等的外观和行为。通过编辑 userChrome.css 文件,您可以实现一些个性化的界面定制,例如隐藏或显示特定的工具栏按钮、修改标签栏的样式等。

性能设置#

这里就需要用到上面提到过的 user.js 了。参照 Betterfox 项目:

Simple configs

Fastfox, Securefox, Peskyfox, and Smoothfox are guides to settings within Firefox.

The user.js — a configuration file that controls Firefox settings — is curated from these guides.

ListDescription
FastfoxIncrease Firefox’s browsing speed. Give Chrome a run for its money!
SecurefoxProtect user data without causing site breakage.
PeskyfoxProvide a clean, distraction-free browsing experience.
SmoothfoxGet Edge-like smooth scrolling on your favorite browser — or choose something more your style.
user.jsAll the essentials. None of the breakage. This is your user.js.

根据官方 README,这个项目大致分为:

每一步部分都有各自的功能,具体还请大家自行去翻译查看,根据自己的需求定制一个属于自己的火狐。

但是要注意的是,修改 user.js 就是在修改 about:config 中的设置,这样可能会对浏览器的稳定性和安全性产生影响,所以除非真的知道自己在做什么,否则不建议随意更改这些设置。如果不确定某个设置的含义或影响,请在更改之前先进行适当的研究和了解。

编辑好以后自行进入 配置文件夹user.js 粘贴进去就好了。

额外设置#

对于 Windows 用户,火狐浏览器的内存占用似乎一直比 Edge 要大得多。这个问题可以通过 Firemin 这个软件解决。

它是通过修改 Firefox 的配置参数,以调整其内存管理策略,从而使 Firefox 更加高效地利用系统内存资源。它会尝试最大程度地减少 Firefox 对系统内存的占用,以降低浏览器运行时出现卡顿、崩溃或内存泄漏等问题的可能性。

虽然不太清楚它具体的原理,不过它的效果确实很是显著。

放一个狗盘链接在这里方便大家下载:Firemin_8398_Setup.exe

最后还是要和大家说,即使我们做了这么多的设置,可能最后也会发现自己的火狐并没有 Edge 或是 Chrome 那么好用,这很大一部分原因是出在大部分网站是对 Chrome 内核的浏览器做了优化,但火狐并没有,这个问题我们可以通过修改浏览器的 UA 来解决。让自己的浏览器在网页看来就是 Chrome。这点可以使用扩展 User-Agent Switcher and Manager 来做到。

   latest firefox update consumes more ram than usual
Firefox 火狐不完全配置手册
https://astro-pure.js.org/blog/2024/firefox-tweak
Author 小岛秀儿
Published at 2024年4月3日
Comment seems to stuck. Try to refresh?✨