火狐瀏覽器的使用者介面

Question

我正在嘗試將 Firefox 主題設定為與我的作業系統主題相符。我目前正在努力找出 Firefox 和擴充功能（如樹狀選項卡）使用的 DOM 結構。這使得我無法寫 CSS 來製作我的主題。

有沒有辦法檢查 Firefox 的 UI？

Answer 1

火狐瀏覽器的使用者介面

要檢查 Firefox 的 UI，您可以使用瀏覽器工具箱。

啟用瀏覽器工具箱

1. 按F12開啟頁面檢查器。
   備用：右鍵單擊頁面，然後按一下“檢查元素（Q）”。

2. 按F1開啟頁面檢查器設定。
   備用：位於頁面檢查器右上角關閉按鈕旁；按下“⋯”按鈕，然後按“設定”。

3. 確保檢查以下設定：

   • “啟用瀏覽器鑲邊和附加偵錯工具箱”
   • “啟用遠端調試”

打開瀏覽器工具箱

1. 按下alt、“工具”、“Web 開發人員”，然後按下“瀏覽器工具箱”。
   備用： 按ctrlaltshifti

擴充

您可以使用瀏覽器工具箱來檢查擴充功能。此外，您還可以透過檢查擴展about:debugging。

1. 導航about:debugging。
2. 前往“此 Firefox”頁面。
3. 找到您要檢查的擴充功能。
4. 按“檢查”。