论坛回复——标签页在地址栏下面

这篇文章不再受到维护，因此它的内容可能已过时。

Firefox的风格或外观可以 改变，首先在 Firefox配置文件夹 里创建一个 chrome 文件夹，然后在里面修改一个 userChrome.css 文件，该文件包含着定制规则。这些定制规则会替代Firefox的默认规则。

注意：由于还有Mozilla无法控制的其他因素（比如规则不兼容），定制规则不是每次都能成功。当有新的Firefox版本时，你的定制规则也可能不工作。

这里讲一讲把标签页放在地址栏下面的规则：

如果你的Firefox配置文件夹已经带有 chrome 文件夹，并且里面也有 userChrome.css，请把你 Firefox 版本 相关的代码复制到 userChrome.css 文件里。保存之后，关闭该文件，你就应该 打开Firefox标题栏 或者 Windows 菜单栏。

Firefox 64 及更低版本： 打开 https://www.userchrome.org/what-is-userchrome-css.html 并把 "将标签页栏移动到其他工具栏之下" 一节的 参考样例 中的 CSS 规则拷贝到 userChrome.css 文件。（该 CSS 规则包含了注释形式的其他建议。）

Firefox 69 及更高版本： Firefox 69 及更高版本默认禁用了 userChrome.css 和 userContent.css，你需要查看 Firefox 的配置编辑器 里说的首选项。 更多详情，请参看 此网页。

另外，你可以复制以下代码：

Firefox 64 及更低版本使用以下代码。 

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

Firefox 65 及更高版本使用以下代码。 

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS: below nav-bar - Firefox 65 and newer - fixed 89+  */

/* ROOT -variables */
*|*:root {
  --tab-toolbar-navbar-overlap: 0px !important;
  
  --tab-min-height: 25px !important; /*override density*/
  --tab-min-width:  80px !important; /*override default*/

  --tab-bottom-adjust: 0px; /*65-73; menubar,titlebar hidden*/
}

/* TABS: below nav-bar  */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {
  -moz-box-ordinal-group: 10 !important;
}

#TabsToolbar {
  -moz-box-ordinal-group: 1000 !important;
}

/* TABS: position */
#TabsToolbar {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  width: 100vw !important;
}

#tabbrowser-tabs {
  width: 100vw !important;
}

/* navigator-toolbox: PADDING */
*|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
  padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*ADJUST*/
  position: relative !important;
}

/* Firefox 65-73 - menubar,titlebar hidden */
*|*:root[tabsintitlebar]:not([inFullscreen="true"]):not([sizemode="maximized"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar{
  bottom: var(--tab-bottom-adjust) !important;
}

/* TABS: HEIGHT */
#tabbrowser-tabs,
#tabbrowser-arrowscrollbox,
#tabbrowser-tabs .tabbrowser-tab {
  min-height: var(--tab-min-height) !important;
  max-height: var(--tab-min-height) !important;
}

/* TABS: APPEARANCE */
#TabsToolbar {
  height: var(--tab-min-height) !important;
  margin-bottom: 1px !important;
  box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /*OPTIONAL*/
  background-color: var(--toolbar-bgcolor) !important;
  color: var(--toolbar-color) !important;
}

/* indicators - hide  */
.private-browsing-indicator {display: none !important;}
.accessibility-indicator    {display: none !important;}

/* window controls in full screen - hide*/
#TabsToolbar #window-controls {display: none !important;}

/* caption buttons on tab bar - hide */
*|*:root[tabsintitlebar]:not([inFullscreen="true"])
 #toolbar-menubar[autohide="true"] ~ #TabsToolbar
 .titlebar-buttonbox-container {display: none !important;}

如果你没有 userChrome.css 文件，那么请参照以下步骤执行：
（参看 此帮助页面 和 该社区视频的 8:45 处（英语）来了解更多信息。)

  1. 打开当前的配置文件夹：在地址栏输入 about:support，然后在 "配置文件夹" 的 "基本应用" 部分，点击 打开文件夹（Windows）、打开文件夹（Linux）或 在 Finder 里显示（Mac）。
    • 在Mac电脑上，含有配置文件的文件夹会打开。打开选中的配置文件夹（其默认名字应该类似 xxxxxxxx.default）。
  2. 在该文件夹内创建新文件夹 chrome。
    • 为 chrome 文件夹创建一个桌面快捷方式，以便快速访问。
  3. 保存该配置文件，并将之移动到 chrome 文件夹：
  4. 将你下载的文件 "userChrome-tabs_on_bottom.css" 或 userChrome-tabs_on_bottom_Fx70.css 文件的名字改为 userChrome.css。
    • 在Windows电脑上：如果保存的文件是 "userChrome-tabs_on_bottom"（没有 .css），那么改其名为 userChrome（参看以下说明）。
  5. 重启Firefox，它会发现这个新的 userChrome 文件并应用新规则。

小技巧：更改之后，请 打开标题栏，或 Windows 菜单栏。

对Windows用户的说明：
在Windows系统下，文件的扩展名默认是隐藏的。如果你下载的文件名显示为 "userChrome-tabs_on_bottom" 而没有 .css 扩展，那么这说明Windows隐藏了扩展名。此时，你必须修改 userChrome 的名字，以免其成为 "userChrome.css.css"。要让Windows显示扩展名，请到 thewindowsclub.com 和 fileinfo.com 参看 如何在 Windows 10/8/7 上显示文件的扩展名 等文章来了解 Windows 8 和 Windows 10 的操作方法。

此文章在这些用户的协助下写成：

wxie
Illustration of hands

志愿者

分享知识并培养专业技能。解答问题并改进我们的知识库。

详细了解