FirefoxのUI

Question

Firefox のテーマを OS のテーマに合わせて変更しようとしています。現在、Firefox と Tree Style Tabs などの拡張機能の両方が使用する DOM 構造を見つけるのに苦労しています。このため、テーマを作成するための CSS を記述することが不可能になっています。

Firefox の UI を検査する方法はありますか?

Answer 1

FirefoxのUI

FirefoxのUIを調べるには、ブラウザツールボックス。

ブラウザツールボックスを有効にする

1. 押すF12と開きますページインスペクタ。
   代わりの: ページを右クリックして、「要素の検査 (Q)」を選択します。

2. 押すF1と開きますページインスペクタ設定。
   代わりの: ページ インスペクタの右上の閉じるボタンの横にある「⋯」ボタンを押し、「設定」を選択します。

3. 次の設定がチェックされていることを確認してください。

   • 「ブラウザのChromeとアドオンのデバッグツールボックスを有効にする」
   • 「リモートデバッグを有効にする」

ブラウザツールボックスを開く

1. を押してalt、「ツール」、「Web 開発」、そして「ブラウザ ツールボックス」を押します。
   代わりの： プレスctrlaltshifti

拡張機能

ブラウザツールボックスを使用して拡張機能を検査することができます。さらに、about:debugging。

1. 案内するabout:debugging。
2. 「この Firefox」ページに移動します。
3. 検査する拡張機能を見つけます。
4. 「検査」を押します。