firefox火狐浏览器隐藏顶部标签/标题栏：windows/linux/flatpak

在使用树状标签后，屏幕顶部横向的标签就无用了，可以考虑隐藏掉。

我使用了 tree-style-tab/：https://addons.mozilla.org/zh-CN/firefox/addon/tree-style-tab/

但是和edge不一样的是，这个扩展并不能自动隐藏横向的标签。这就需要我们自己处理。

火狐支持用css的方式来定义外观，所以我们这里先打开这个功能。

启用 userChrome.css

在火狐地址栏输入about:config回车，跳过警告信息后，输入 toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true

创建userChrome.css

查看

点击火狐浏览器右侧的 三 点帮助，排除更多故障信息，找到配置文件夹(Profile Folder) 打开目录。或者地址栏输入about:support

常规情况下

比如，我的目录是 ~/.mozilla/firefox/aiqooixw.default-esr

Windows portable

这个目录在 XXXX\FirefoxPortable\Data\profile\

在flatpak版本下

因为沙盒原理，这个路径可能不存在可以通过查看这个地址后，然后搜索对应的目录的实际路径。比如我的是

1
2
3
find /home/XXXX/ -name "8wxcq01f.default-release"
/home/XXXX/.var/app/org.mozilla.firefox/cache/mozilla/firefox/8wxcq01f.default-release
/home/XXXX/.var/app/org.mozilla.firefox/.mozilla/firefox/8wxcq01f.default-release

/home/XXXX/.var/app/org.mozilla.firefox/.mozilla/firefox/8wxcq01f.default-release 这个路径就是了

创建子目录和文件

再这个目录下新建一个文件夹名字叫做 chrome ,然后再 chrome目录里面新建一个css文件名称为userChrome.css

userChrome.css 文件内容

注意，这部分内容要根据你的情况做适当的调整，主要是 /* leftTop drag area */ 这行以及 #titlebar 的 margin-bottom 才可以
经过测试，96-130版本均可以实现，我主力用的firefox-esr 115 ，桌面环境是 i3w 下面css内容是我测试正常的。

在windows11 下只需要把titlebar的 margin-bottom: -0px !important;修改为 margin-bottom: -35px !important; 即可

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
#main-window:not([drawtitle="true"]):not([inFullscreen="true"])

#nav-bar {
    margin-left : 30px;  /* leftTop drag area */
    border-right: 140px solid var(--toolbar-bgcolor);
}
:root[sizemode="maximized"] #nav-bar {
    margin-top: 20px !important;   /* Top drag area */
    margin-left : 0px !important;  /* hidden leftTop drag area in Fullscreen mode*/
    border-right: 140px solid var(--toolbar-bgcolor);
}
:root[privatebrowsingmode="temporary"] #nav-bar {
    border-right: 180px solid var(--toolbar-bgcolor) !important;
}

/* 主要是修改这里的 margin-bottom 支持负数 例如 margin-bottom: -30px !important; */
#titlebar {
    margin-bottom: -0px !important;
}

/* move down 3 button on rightTop */
.titlebar-buttonbox-container {
  margin-bottom: -5px !important;
}
:root[sizemode="maximized"] .titlebar-buttonbox-container {
  margin-bottom: -15px !important;
}

/* move down private icon */
.private-browsing-indicator {
  margin-bottom: -8px !important;
}
:root[sizemode="maximized"] .private-browsing-indicator {
  margin-bottom: -18px !important;
}

/* hidden horizontal tabbar on top */
#tabbrowser-tabs[orient="horizontal"] {
    visibility: collapse !important;
}

#sidebar-box[sidebarcommand="_0ad88674-2b41-4cfb-99e3-e206c74a0076_-sidebar-action"]
sidebarheader {
    visibility: collapse !important;
}

其他

火狐默认快捷键

https://support.mozilla.org/zh-CN/kb/%E9%94%AE%E7%9B%98%E5%BF%AB%E6%8D%B7%E9%94%AE

windows下protable版设置默认浏览器

用PortableRegistrator 这个软件 https://github.com/SiL3NC3/PortableRegistrator