☰

Firefox 隐藏浏览器除内容区域之外的所有内容

tag-icon • tag-icon firefox addons
Firefox 隐藏浏览器除内容区域之外的所有内容

是否有可能隐藏 Firefox 中的所有边框和栏，如地址栏、导航栏、窗口标题和选项卡，以便剩余区域只是浏览器的内容区域？

我想制作一部我编写的 Web 应用程序的电影，但必须以比应用程序本身更大的分辨率拍摄。我只想在背景上显示应用程序，而不显示所有浏览器内容。

最好的方法是通过键盘快捷键，这样我就可以重新启用所有内容。

答案1

最简单的方法就是在Firefox中安装相关的附加组件。

对于以下任何设置，请安装相应的附加组件。Firefox 可能需要重新启动，但对于 Firefox Quantum 来说通常不需要重新启动。快捷键（如果有）可以从附加组件管理器 > 扩展用于相应的附加组件。

Firefox 有一个重新设计的键盘快捷键部分可以在一个地方管理所有快捷方式，此功能自Firefox 66。

对于 Firefox Legacy

设置 A使用以下附加组件：

  • 隐藏导航栏，最后测试版本 1.41.1-signed
  • 隐藏标签栏，最后测试版本 2.1.0.1-signed
  • HideScrollbars，最后测试版本 0.2.1-signed

例如，我分别使用单独的键F3和F4来切换导航菜单和标签栏（通过隐藏导航栏和隐藏标签栏）。要隐藏栏，请逐个按下指定的键。这将使 Firefox 仅显示标题栏或窗口装饰。

限制：分配相同的键效果不佳，因为中间有一些延迟。即使同时按下不同的键，结果也是相似的。无论哪种方式，其中一个条形图都不会与用户玩捉迷藏。

适用于 Firefox 56 及更早版本（已弃用)，但 Firefox 附加组件中不再提供。在 Linux 上使用 Firefox 41.0 进行了全面测试。无屏幕截图。

对于 Firefox Quantum

设置 B使用以下附加组件：

转到 HTTP、HTTPS 或本地主机上的网页，然后使用键盘快捷键或单击工具栏上的相应图标或上下文菜单中的“新建无工具栏窗口”。网页还将在新窗口中打开，其中仅显示标题栏和垂直滚动条。

键盘快捷键：++ Shift（1.3.0 中的默认）AltN

限制：此插件根本不会打开本地文件系统（file:///）和内置页面（about:*）上的任何页面。

适用于 Firefox 42 及更高版本。已在 Linux 上使用 Firefox 69.0 测试了 1.3.0。

tkrkt 的新窗口没有工具栏

设置 C使用以下附加组件：

转到网页，然后点击工具栏上的相应图标，或点击上下文菜单中的“将当前选项卡移至弹出窗口”或“弹出/合并当前页面”。网页将移至新窗口仅显示标题栏和垂直滚动条。要将新窗口恢复为正常选项卡，请再次单击上下文菜单中的“弹出/合并当前页面”。

键盘快捷键：未分配（0.0.8 中的默认设置）

限制：弹出窗口将始终停留在 Firefox 原窗口的上方，无法改变。

适用于 Firefox 53 及更高版本。已在 Linux 上使用 Firefox 69.0 测试了 0.0.8。

Ett Chung 的弹出窗口

对于不带附加组件的 Firefox

我已经发过下面是一个单独的答案（单击或向下滚动）适用于任何版本的 Firefox，但不是最简单的方法并且没有键盘快捷键。

答案2

我知道现在很晚了，但我为此制作了一个书签，它不需要任何附加组件，也不需要下载:)

保存以下 JavaScript 代码为书签小工具，然后在您想要在新的最小窗口中查看的页面上单击它：

javascript:void%20function(){window.open(window.location.href,Math.random(),%22menubar=1,resizable=0%22)}();

单击此处可使流程更简单！ |JSfiddle

笔记：这应该适用于所有浏览器

答案3

原生方式是使用 Firefox 中的自定义样式表：userChrome.css

Firefox 在 Firefox 69 及更高版本中默认不加载 userChrome.css。要使自定义样式表再次生效，请about:config在 Firefox 中打开并将首选项设置toolkit.legacyUserProfileCustomizations.stylesheets为true

在此答案更新之前，Mike G 之前写过一个后续答案。

怎么运行的

以下代码块是userChrome.css隐藏 Firefox 中的标签栏、导航栏和滚动条的内容。确保使用有效的元素名称和 ID。

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*
 * Hide tab bar, navigation bar and scrollbars
 * !important may be added to force override, but not necessary
 * #content is not necessary to hide scroll bars
 */
#TabsToolbar {visibility: collapse;}
#navigator-toolbox {visibility: collapse;}
browser {margin-right: -14px; margin-bottom: -14px;}

限制：没有键盘快捷键。按需启用或禁用很麻烦。

  • 要恢复默认界面，请重命名userChrome.css为其他名称userChrome.tmp，然后重新启动 Firefox 即可生效。

  • 要与具有默认界面的另一个 Firefox 实例并行使用，使用单独的配置文件。

所有配置文件都存储在配置文件夹， 哪个可以从 Firefox 中找到使用菜单栏或工具栏，然后导航至帮助 > 故障排除信息。

如何设置和使用

以下是与系统平台无关的通用步骤。

  1. 跑步配置文件管理器Firefox 的创建新的个人资料名为“hidebars”（任意名称）并关闭配置文件管理器。

  2. 运行文件管理器并打开配置文件文件夹这是在步骤 1 中创建的。

  3. 在新的配置文件文件夹下，创建新文件 chrome/userChrome.csschrome如果不存在，则包括父文件夹。

  4. 复制并粘贴内容将上面的内容userChrome.css复制到步骤 3 中创建的文件中。

  5. 最后，保存并关闭文件。

要开始使用，请使用新的配置文件运行 Firefox 实例。

以下屏幕截图组合显示了 Linux 上的 Firefox Legacy（左）和 Firefox Quantum，当使用自定义样式表时，每个都在小窗口尺寸中浏览。

Firefox Legacy 和 Firefox Quantum 无信号

适用于所有版本的 Firefox，但 Firefox 69 及更高版本现在默认忽略 userChrome.css。在 Linux 上使用 Firefox 10、20、50（Firefox Legacy）和 60、63、69（Firefox Quantum）进行了测试，一切似乎都按预期运行。

参考

答题者注：这个答案是两年后，只有在我建议使用附加组件后第一个答案。从那时起，人们基于 userChrome.css 编写了更多答案，而不是改进这个答案。因此，这个答案现在是一个社区 wiki，以便任何具有最低声誉的人都可以改进这篇文章，以跟上 Firefox 的最新变化。

答案4

我喜欢 Firefox 和 Vivaldi。Vivaldi 的最佳功能之一（我是鼠标手势的用户）是它有很多可以调整和移动的选项（侧边栏、书签、地址栏、状态栏等）...

一个快捷方式是“隐藏 UI”。一切都会消失……因此，当您不需要查看标签/地址栏等时，我只需用鼠标画一画，就只剩下页面和窗口了。

魔法。

甚至更好的是，窗口颜色可以从网页中获取提示并且效果很好 - 很好地融合在一起。

相关内容