☰

Firefox 隱藏瀏覽器內容區域以外的所有內容

tag-icon • tag-icon firefox addons
Firefox 隱藏瀏覽器內容區域以外的所有內容

是否有可能隱藏 Firefox 中的所有邊框和欄，例如網址列、導覽列、視窗標題和選項卡，以便剩下的區域只是瀏覽器的內容區域？

我想將我編寫的 Web 應用程式製作成電影，但必須以比應用程式本身更大的解析度來拍攝它。我只是想在背景上顯示應用程序，而不需要所有瀏覽器內容。

最好的方法是透過鍵盤快捷鍵，這樣我就可以再次重新啟用所有功能。

答案1

最簡單的方法是在 Firefox 中安裝相關插件。

對於以下任何設置，請安裝相應的附加元件。 Firefox 可能需要重新啟動，但 Firefox Quantum 通常不需要重新啟動。快捷鍵（如果可用）可以從附加元件管理器 > 擴充對於各自的附加元件。

火狐有一個重新設計的鍵盤快捷鍵部分在一個地方管理所有快捷方式，自此以來就已經可用火狐66。

對於舊版 Firefox

設定A使用以下附加元件：

  • 隱藏導覽欄，上次測試1.41.1簽名
  • 隱藏選項卡欄，上次測試 2.1.0.1 簽名
  • HideScrollbars，上次測試 0.2.1 簽名

例如，我分別使用單獨的鍵F3和F4來切換導覽功能表和選項卡欄（透過隱藏導覽列和隱藏選項卡欄）。若要隱藏欄，請一一按下指定的按鍵。這將只為 Firefox 提供可見的標題列或視窗裝飾。

限制：分配相同的鍵效果不佳，因為兩者之間存在一些延遲。即使同時按下單獨的按鍵，結果也是相似的。無論哪種方式，其中一個欄位都不會隱藏並與用戶玩捉迷藏。

適用於 Firefox 56 及更早版本（已棄用），但不再可從 Firefox 附加元件取得。在 Linux 上使用 Firefox 41.0 進行了全面測試。沒有截圖。

對於 Firefox 量子

設定B使用以下附加元件：

前往 HTTP、HTTPS 或 localhost 上的網頁，然後使用鍵盤快速鍵或按一下工具列上的對應圖示或上下文功能表中的「不含工具列的新視窗」。該網頁還將在一個新視窗中打開，僅顯示標題列和垂直滾動條。

鍵盤快速鍵：Shift++ Alt（N1.3.0 中預設）

限制：此附加元件根本不會開啟本機檔案系統 (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)}();

點擊此處使過程變得更容易！ |JS小提琴

筆記：這應該適用於所有瀏覽器

答案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. 跑步檔案管理器火狐瀏覽器，那麼建立一個新的個人資料命名為“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 的最佳功能之一（我是滑鼠手勢的使用者）是它有很多可以調整和移動的選項（側邊欄、書籤、網址列、狀態列等）...

一個快捷方式是「隱藏使用者介面」。一切都消失了...所以當您不需要查看選項卡/addy 欄等時，我只需用滑鼠畫出曲線，然後剩下頁面和視窗。

魔法。

更好的是，視窗顏色從網頁中獲取提示並且效果非常好 - 很好地融合在一起。

相關內容