要自定義 Firefox 的界面，請通過 about:config 啟用 userChrome.css，在您的個人資料中創(chuàng)建 chrome 文件夾，將 CSS 規(guī)則添加到 userChrome.css 以進(jìn)行隱藏選項卡或調(diào)整元素大小等更改，並重新加載樣式，而無需使用 Ctrl Shift R 或支持?jǐn)U展重新啟動。

如果您想要自定義 Firefox 用戶界面的外觀（超出標(biāo)準(zhǔn)選項），userChrome.css 是一個強(qiáng)大的工具。

本教程的運(yùn)行環(huán)境：Dell XPS 13、Windows 11

1.啟用userChrome.css支持

Firefox 在最新版本中默認(rèn)禁用了對 userChrome.css 的支持。您必須通過瀏覽器的配置設(shè)置重新啟用它。

• 在地址欄中輸入about:config並按 Enter。
• 接受警告消息以繼續(xù)進(jìn)行高級設(shè)置。
• 搜索首選項toolkit.legacyUserProfileCustomizations.stylesheets 。
• 雙擊它以將其值更改為true 。

2. 找到您的 Firefox 配置文件文件夾

userChrome.css 文件必須放置在您的個人資料目錄中名為“chrome”的文件夾下。首先，您需要找到您的個人資料的存儲位置。

• 在地址欄中輸入about:profiles ，然後按 Enter。
• 在活動配置文件的“根目錄”部分下，單擊“打開目錄” 。
• 這將在文件資源管理器中打開配置文件文件夾。
• 創(chuàng)建一個名為chrome的新文件夾（如果尚不存在）。

3. 創(chuàng)建 userChrome.css 文件

在 chrome 文件夾中，您需要創(chuàng)建實際的 CSS 文件來定義界面更改。

• 導(dǎo)航到chrome文件夾。
• 創(chuàng)建一個新的文本文件並將其命名為userChrome.css 。
• 確保文件擴(kuò)展名是 .css 而不是 .txt — 您可能需要在系統(tǒng)設(shè)置中啟用查看文件擴(kuò)展名。
• 使用記事本或 VS Code 等代碼編輯器打開文件，以便於編輯。

4. 添加自定義 CSS 規(guī)則

文件準(zhǔn)備好後，您就可以開始添加 CSS 規(guī)則來修改 Firefox 的界面元素，例如選項卡、工具欄和菜單。

• 要在僅打開一個選項卡時隱藏選項卡欄，請?zhí)砑樱?br> #tabbrowser-tabs .tabbrowser-tab[pinned="true"] .tabbrowser-tab[hidden="true"] { display: none !important; }
• 要減少選項卡高度，請使用：
  .tabbrowser-tab { min-height: 28px !important; }
• 要將選項卡欄移動到導(dǎo)航工具欄下方，請包括：
  #navigator-toolbox > #toolbar-menubar[autohide="true"] ~ #TabsToolbar { -moz-box-ordinal-group: 1000 !important; }

5. 無需重啟即可重新加載userChrome.css

進(jìn)行更改後，您可以使用內(nèi)置的重新加載命令立即應(yīng)用它們，而無需重新啟動 Firefox。

• 安裝輕量級擴(kuò)展（例如“用戶 JavaScript 和 CSS”）或使用支持重新加載用戶樣式表的現(xiàn)有擴(kuò)展。
• 或者，導(dǎo)航至about:support ，單擊“刷新 Firefox” （這會比預(yù)期重置更多），或者直接關(guān)閉並重新打開瀏覽器。
• 更精確的方法是在關(guān)注瀏覽器窗口時鍵入Ctrl Shift R，以強(qiáng)制刷新樣式表（如果通過腳本注入支持）。

以上是如何使用 userChrome.css 自定義 Firefox的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！