☰

Firefox Quantum（>=57）如何切换所有工具栏？（使用键盘快捷键，如 F11，但在窗口中，而不是全屏）

tag-icon • tag-icon firefox keyboard-shortcuts browser-addons firefox-extensions firefox-57
Firefox Quantum（>=57）如何切换所有工具栏？（使用键盘快捷键，如 F11，但在窗口中，而不是全屏）

F11/全屏有时不实用*。我只想切换工具栏。
在旧版 Firefox 中，可以使用插件“Dorando keyconfig”来实现：

1.指定脚本：

var s = document.getElementById('status-bar');
s.hidden = !s.hidden;
var b = document.getElementById('PersonalToolbar');
b.collapsed = !b.collapsed;
var nb = document.getElementById('nav-bar');
nb.collapsed =!nb.collapsed
var tb = document.getElementById('TabsToolbar');
tb.collapsed =!tb.collapsed

2. 通过 Dorando 插件界面将其映射到键盘快捷键

此插件在 Firefox 57 及更高版本中不再可用。


问题：（如何）我可以通过 Webextension 或 Firefox 版本 >= 57 中的插件切换每个工具栏？（最好使用热键）

注：我找到了插件https://addons.mozilla.org/en-US/firefox/addon/custom-style-script/您可以在哪里实现自定义 JavaScript 和 CSS 代码，但我不知道（没有发现：https://developer.mozilla.org/en-US/Add-ons/WebExtensions) 如何解决工具栏问题。

*想象一下，您想在单独的窗口中观看教程，但视频尺寸最大。或者在 Linux 上的拆分 i3 容器中使用最大屏幕空间阅读一篇文章...

更新 02.2019 经过长时间的等待和搜索，ClairelyClairs回答似乎是唯一可行的方法。但它也有缺点。以下是一些提示：

  • 创建一个新的 Firefox 配置文件，其中 userChrome.css 位于配置文件的“chrome”目录中。
  • 启动您的常规 Firefox 配置文件，然后另外启动第二个配置文件，例如firefox -p notoolbars为了观看网络研讨会或类似内容。
  • 另一个提示：除了 userChrome.css 之外，还可以使用 userContent.css 来禁用横幅和其他内容（请参阅mozillaZine 文章和这

答案1

这不会给您提供键盘快捷键，但您可以使用 :hover 伪类来允许在将鼠标悬停在窗口顶部时自动显示导航框（浏览器窗口顶部的工具栏）。

将其放入您的 userChrome.css 中：

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

#navigator-toolbox {
    position: relative;
    z-index: 1;
    height: 3px;
    margin-bottom: -3px;
    overflow: hidden;
    transition-property: height;
    transition-delay: 1s;
    transition-duration: 2s;
}

#navigator-toolbox:hover {
    height: 62px;
    transition-property: height;
    transition-duration: 0.5s;
    transition-delay: 0s;
}

您还需要勾选“自定义”下的“显示标题栏”框。

结果： 在此处输入图片描述

答案2

尝试以下按键顺序：Alt-v, t, b

答案3

基于 ClairelyClaire.msft 的回答（非常棒！），这里有一些改进（添加到您的 userChrome.css）：

  • 当工具栏具有焦点时保持其可见（这样它们就不会在您键入 URL 时消失）。
  • 完全隐藏工具栏但继续接收鼠标事件，这样就不再需要浏览器的标题栏（无需在自定义中启用“显示标题栏”）。
  • 无需在代码中手动指定工具栏的高度（如果发生变化，这也更加稳健）。
#navigator-toolbox {
    position: relative;
    z-index: 1;
    max-height: 7px;
    margin-top: 0px;
    opacity: 0;
    overflow: hidden;
    transition: max-height 2s ease 1s, opacity 3s step-end;
}

#navigator-toolbox:hover,#navigator-toolbox:focus-within {
    max-height: 100px;  /* must be somewhat larger than actual bar height */
    opacity: 1;
    overflow: inherit;
    transition: max-height 0.3s ease 0s, opacity 0s step-end;
}

答案4

由于这里的所有答案都取决于 Firefox.css文件，因此需要注意，从 Firefox 69 开始，userChrome.css和userContent.css都默认被禁用“以提高性能”。

要重新启用它们，请执行以下操作：

  • about:config在火狐地址栏中输入
  • 如果系统询问，请点击“显示全部”
  • 在搜索栏中输入：toolkit.legacyUserProfileCustomizations.stylesheets
  • 切换偏好设置。真的表示 Firefox 支持 CSS 文件， 错误的以至于它忽略了它们。

请注意，帖子中还有更多针对同一问题的答案
Firefox 隐藏浏览器除内容区域之外的所有内容。

相关内容