[ Firefox Quantum ] 顯藏分頁工具列及設定側邊欄最小寬度

前言

1. Open Firefox.
2. Type about:profiles in the address bar, then ENTER.
3. Find the name of your profile used now, and Open Directory/Show Folder.
4. Create a folder named chrome, and go into it.
5. In the chrome folder, create an empty TEXT FILE (*.txt), rename it's full filename as userChrome.css.
6. Open userChrome.css with any text editor, then modify CSS Selectors. ( #navigator-toolbox , #content-deck , #sidebar )
7. For example as bottom.

#navigator-toolbox { transform: translate(0, -36px); }

#content-deck { margin-top: -42px; }

#sidebar { min-width: 0px !important; }

目標

把 Firefox Quantum （Firefox 57）的預設分頁工具列隱藏，並讓側邊欄的最小寬度不要那麼寬。

使用源碼

#navigator-toolbox {
  transform: translate(0, -36px);
}

#content-deck {
  margin-top: -42px;
}

#sidebar {
  min-width: 0px !important;
}

如何使用

找到你現在正在使用的「使用者設定檔（Profile）」的資料夾，在裡面建立一個子資料夾名稱為「chrome」，再進到這資料夾內，建立一個純文字檔「userChrome.css」，然後複製貼上上面那幾行源碼，重開 Firefox 程式即可。（數字部分如 -36px 、 -42px 、 0px 的請視自己需求調整）

實際效果

使用前

使用後

現有缺點

這篇文章主要是給有安裝 Tree Style Tab 擴充套件的人用的，不過還無法重現該套件自動隱藏的功能，有興趣的請自行研究。

參考資料

• Firefox Quantum（57）下透過 userChrome.css 自動顯示、隱藏瀏覽工具列和書籤工具列 | 婉麗河畔旁
• [-Fx-] 隱藏上方頁籤列和工具列 - 看板 Browsers - 批踢踢實業坊