

外观修改#
ArcWTF#
2024-12-12 更新,由于 VerticalFox 项目更新频率较低,这里推荐一个类似 Arc浏览器 ↗ 的主题,而且它的更新方式也更加简单些。
效果图参照 ArcWTF ↗ 项目:
安装教程#
按照作者的安装教程 ↗:
1/3) 安装插件并选择主题
- 安装 Sidebery ↗ 和 Userchrome 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:config
糊toolkit.legacyUserProfileCustomizations.stylesheets
进入栏并将其值设置为 true/选择 布尔值 ,然后单击 +(加号)图标。- 之后,粘贴
svg.context-properties.content.enabled
进入栏并将其值设置为 true/选择 布尔值 ,然后单击 +(加号)图标。- 重新启动 Firefox
(3/3) 如何使用这个主题?
- 将鼠标悬停在浏览器左上角以显示垂直选项卡。
- 右键单击导航工具栏,然后单击 ‘Customize Toolbar’。将 Userchrome Toggle 按钮移动到左侧位置,在 back-forward-reload 按钮之前。在 URL 栏前后放置灵活的空格。查看下面的屏幕截图以获取指南
- 使用 Userchrome Toggle 打开(固定位置)或关闭侧边栏(自动隐藏,悬停显示选项卡)。
VerticalFox#
效果图参照 VerticalFox ↗ 项目:
安装教程#
按照作者的中文安装指南 ↗:
- 安装 Sidebery ↗ 插件。
- 根据你所使用的操作系统,下载 release 中的压缩包并解压。(如果你熟悉 Firefox 自定义,你可以直接在源码中找到你要的文件)
- 在地址栏中输入
about:config
并前往,接受风险提示。- 搜索
toolkit.legacyUserProfileCustomizations.stylesheets
并双击设置为 true。- 在地址栏中输入
about:support
并前往,在 应用程序概要 中找到 配置文件夹 并打开。- 在打开的目录下新建
chrome
文件夹,名称必须全部小写。- 复制下载好的
userChrome.css
到chrome
文件夹中,重启浏览器。- 打开 Sidebery 的设置,前往 Styles Editor,在右侧复制粘贴
sidebery_styles.css
中的代码。
作者已经写的很清晰了,详情请点击上面的指南链接自行查看,这里不多做赘述。
如果 Github 访问缓慢,无法下载 release,也可以从狗盘中进行下载:
但是可能没有办法及时进行更新,还请大家谅解。
这里介绍一下什么是 about:config
、about:support
,以及为什么要在火狐浏览器的配置文件夹下放置 chrome
文件夹。
什么是 about:config#
about:config
页面,即配置编辑器。会列出名为“首选项”的 Firefox 设置项目,这些设置从 Firefox 用户配置文件中的 prefs.js
和 user.js
文件或程序的默认设置中读取。由于这些首选项属于高级设置项目,它们不会在 设置
面板中出现。
换句话说,about:config
就是一个特殊的设置页面,里面包含了各种高级设置,可以在这里对火狐进行各种设置,比如:
- 启用或禁用功能: 您可以找到各种功能的开关,从页面加载到 JavaScript 引擎的配置等。通过修改这些设置,您可以自定义浏览器的行为,以满足您的偏好。
- 网络设置: 您可以调整网络相关的参数,例如代理设置、DNS 缓存等。这些设置可以影响浏览器的网络性能和安全性。
- 界面定制: 您可以修改浏览器的外观和行为,例如修改地址栏的默认搜索引擎、更改界面语言等。
- 安全和隐私设置: 您可以调整浏览器的安全和隐私设置,例如修改 TLS 版本支持、启用跟踪保护等。
- 高级配置: 您还可以找到一些更加高级的设置,例如调整浏览器的性能参数、修改 SSL/TLS 协议的配置等。
这些功能会在接下来的 性能设置 部分提到,其中的 prefs.js
和 user.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
, andSmoothfox
are guides to settings within Firefox.The
user.js
— a configuration file that controls Firefox settings — is curated from these guides.
List Description Fastfox ↗ Increase Firefox’s browsing speed. Give Chrome a run for its money! Securefox ↗ Protect user data without causing site breakage. Peskyfox ↗ Provide a clean, distraction-free browsing experience. Smoothfox ↗ Get Edge-like smooth scrolling on your favorite browser — or choose something more your style. user.js ↗ All 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