如何將 Firefox 的分頁標籤列移至側邊欄,以取得網頁的最大可視面積

Firefox 與 Chrome 是多分頁的瀏覽器,其「分頁標籤」也都是固定在瀏覽器的最上方。

癥結點在於:

因為現在的螢幕都是寬螢幕,將瀏覽器放大視窗之後顯示網頁時,網頁的左右兩側經常都是空白的,例如:

分頁的數量如果一多,標籤列上密密麻麻排列的分頁,像是讓人迷失的分頁海! 永遠看不出名稱的標題,往往都要按好幾次才能找到想去的分頁,不小心還會按到「關閉分頁」!

那如果為了增加網頁的可視面積、改善分頁標籤的可讀性,那麼把分頁標籤移至瀏覽器的左右兩側是否可行?

嗯,這想法在 Firefox 是可以實現的。可分為兩個部份來進行:「隱藏分頁標籤列」與「安裝側邊欄的分頁元件」。

隱藏分頁標籤列

1. 在 Firefox 的網址列輸入「about:support」進入「疑難排解資訊」頁面。找到「設定檔目錄」,點選後面的「開啟資料夾」,即可進入你的 Profile 資料夾:

(因為我是用「可攜版」的 Firefox,所以會進到「D:\FirefoxPortable\Data\profile」)

2. 在你的 Profile 資料夾再建立一個名稱為「chrome」的資料夾,然後進到「chrome」資料夾。

3. 新增一個名為「userChrome.css」檔案,用文字編輯器編輯,加入以下隱藏「分頁標籤」與「書籤列」的語法:

/*隱藏分頁標籤*/
#TabsToolbar { visibility: collapse !important; }
/*動態隱藏書籤列*/
:root:not([customizing]) #PersonalToolbar {
  max-height: 0 !important;
  min-height: 0.1px !important;
  opacity: 0;
  transition: opacity 0.15s ease-in !important;
}
:root:not([customizing]) :hover > #PersonalToolbar,
:root:not([customizing]) #navigator-toolbox:focus-within #PersonalToolbar {
  max-height: 4em !important;
  opacity: 1;
}

4. 在 Firefox 的網址列輸入「about:config」進入「進階偏好設定」頁面。搜尋 toolkit.legacyUserProfileCustomizations.stylesheets,點兩下將它設為 true:

5. 重新啟動 Firefox,瀏覽器的分頁標籤就會永久消失了。而書籤列平常也是消失的,只有當滑鼠移到上方的工具列時才會如魔法般的顯示出來。

接著換 Firefox 的附加元件出場:

安裝側邊欄專用的分頁擴充套件

Firefox 附加元件站裡設計給側邊欄專用的分頁套件其實不多,先推薦以下三個:

1. Tab Center Redux: 功能簡單,會彈性顯示分頁的縮圖,還有搜尋功能,也可配合 Simple Tab Groups 切換到不同的分頁群組。裝好的畫面如下:

2. Tree Style Tab: 以樹狀的方式顯示分頁標籤,這是重度開啟很多分頁的人的救星! 一樣也可配合 Simple Tab Groups 切換到不同的分頁群組。裝好的畫面如下:

3. Container Tabs Sidebar: 它會結合 Firefox 的容器分頁功能,讓你可以玩「分身」,並且會完整的顯示分頁標籤名稱。裝好的畫面如下:

顯示標題列

照著以上的步驟完成之後,有沒有覺得瀏覽器少了什麼功能? 沒錯,視窗右上角的三顆視窗控制鈕: ➖ 🔲 ✖️ 不見了! 如果要關閉瀏覽器的話,就只能從選單裡關閉,或按 Alt + F4 關閉!

如果你覺得這三個按鈕很重要的話,只要在「元件工具列」的空白處按滑鼠右鍵,選「自訂 (C)」,勾選「標題列」顯示:

標題列顯示之後,視窗控制鈕也會出來,只是標題列也會佔用空間:

參考網頁:

  1. Firefox Quantum(57)下透過 userChrome.css 自動顯示、隱藏瀏覽工具列和書籤工具列
  2. userChrome-Tweaks | Alex Vallat
  3. 本站推薦的 Firefox 瀏覽器擴充套件 (Addons)
  4. 如何讓不同版本的 Firefox 在電腦中共存,並且可以同時執行

 

    • Y
    • 11/26. 2019 11:48下午
    Using Mozilla Firefox Mozilla Firefox 70.0 on Windows Windows NT

    現在這個方法還適用嗎??

    • Using Mozilla Firefox Mozilla Firefox 70.0 on Windows Windows NT

      目前都還可以用,我一直都是這樣用的。

    • Y
    • 11/27. 2019 12:52上午
    Using Mozilla Firefox Mozilla Firefox 70.0 on Windows Windows NT

    因為我剛才嘗試做了一次,發現沒有作用...
    請問有什麼地方可能沒有注意到呢?謝謝

    • Using Mozilla Firefox Mozilla Firefox 70.0 on Windows Windows NT

      本文主要有三個重點:
      1.隱藏上方的分頁標籤與書籤列
      2.安裝側邊欄分頁元件
      3.顯示標題列
      您是在哪個步驟沒有作用?

        • star
        • 02/18. 2020 10:54下午
        Using Mozilla Firefox Mozilla Firefox 73.0 on Windows Windows NT

        CSS檔案放進去了沒有作用

          • dashugen188
          • 03/27. 2020 1:00下午
          Using Mozilla Firefox Mozilla Firefox 74.0 on Windows Windows NT

          在新版的Firefox中74里面,这个chrome文件夹的路径应该类似这样:
          %AppData%\Roaming\Mozilla\Firefox\Profiles\fq4576jt.default-release\chrome

        • Using Mozilla Firefox Mozilla Firefox 74.0 on Windows Windows NT

          原來要再進到 about:config 將「toolkit.legacyUserProfileCustomizations.stylesheets」設為 true。
          你再試試看。

  1. No trackbacks yet.

return top

%d 位部落客按了讚: