如何將 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,瀏覽器的分頁標籤就會消失了。而書籤列平常也是消失的,只有當滑鼠移到上方的工具列時才會如魔法般的顯示出來。

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

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

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

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

另外還有一個知名的擴充套件: Tree Style Tab,這是我在舊版的 Firefox 裡很喜歡的套件之一。但把 Tree Style Tab 裝在新版的 Firefox Quantum 卻不太穩定,有時分頁標籤還會亂跳,所以就不推薦它了! 期待它未來會變得更好。

顯示標題列

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

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

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

參考網頁:

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

 

  1. No comments yet.

  1. No trackbacks yet.

return top

%d 位部落客按了讚: