chrome://devtools/content/framework/toolbox-options.xul以前は、オーバーレイを使用してFirefox DevTools を拡張/スタイルすることができました。
現在、それは Firefox 50 には存在しないようです。開発者ツールボックスはabout:devtools-toolboxURL として表示されます。その XUL URL が何かはわかりません。Firefox DevToolsを拡張または再スタイルするための適切なchrome://URLは?
DevTools オプションはchrome://devtools/content/framework/toolbox-options.xhtmlFirefox 48 に移動しました。ただし、DevTools の構成には多くのファイルが関係しています。何をしたいのかについての詳細な情報がなければ、それがオーバーレイまたはオーバーライドする必要がある唯一のファイルであるとは言えません。DevTools ツールボックス コンテナーのコンテナー全体を探している場合は、chrome://devtools/content/framework/toolbox.xul.
通常、このようなことを判断する場合と同様に、アドオンの DOM Inspectorを使用できます。また、 Element Inspector拡張機能もインストールします。これにより、 Shift+ 右クリックで任意の要素の DOM インスペクターを開くことができます。DOM Inspector は、Menu Bar->Tools->Web Developer->DOM Inspector からも開くことができます。
これらのアドオンを両方ともインストールすると、DevTools オプションの URL を簡単に見つけることができます。DevTools を開くだけF12です。オプションを表示します。Shift次に、DevTools オプション内で + 右クリックして Dom Inspector を開きます。次に、DOM インスペクター内で最上位を選択<document>し、JavaScript オブジェクト ビューに切り替えます。URLプロパティに URL が表示されます。
また、Firefox に付属のomni.jaファイルを解凍すると便利だと思います。これらは[Firefox インストール ディレクトリ]および[Firefox インストール ディレクトリ]/browser/にあります。Firefox 48 より前は、[Firefox インストール ディレクトリ]/webapprtにもありました。これらを解凍すると、ファイルを調べやすくなり、オーバーライドが必要なときにコピーを簡単に取得できるようになります。または、ソース コードを調べることもできます。DevTools の場合、それらはchrome/devtoolsディレクトリ内のbrowser/omni.jaファイルにあります。
DevTools API : DevTools APIは進行中の作業と見なされます
。この API を使用すると、DevTools パネルにタブ/ツールを追加したり、テーマを登録したりできます。registerTool(toolDefinition)registerTheme(themeDefinition)