devtools.panels

メモ: この API は Chrome devtools APIs に基づいていますが、Firefox では実装されていない多くの機能があり、よってここに文書化されていません。現在欠けている機能を見るには、 Limitations of the devtools APIs を見てください。

devtools.panels API によって開発ツール拡張機能では開発ツールウィンドウ内のユーザーインターフェイスの定義ができます。

開発ツールウィンドウにはいくつもの個別のツールがあります - JavaScript デバッガー、ネットワークモニター、などが。最上位のタブの行でユーザーは色々なツールを切り替えられます。ツールの UI をホストするこのウィンドウは「パネル」と呼ばれます。

devtools.panels API にて開発ツールウィンドウ内の新規パネルを作成できます。

すべての devtools API と同様に、この API は manifest.json devtools_page キー内に定義されたドキュメントや、拡張機能が作成するその他の開発ツールドキュメント(例えばパネル自身のドキュメント)の中だけでコードを利用できます。これ以上は開発ツールを拡張するを見てください。

型

devtools.panels.ElementsPanel: ブラウザーの開発ツールの HTML/CSS インスペクターを表す
devtools.panels.ExtensionPanel: 拡張機能によって作られた開発ツールパネルを表す
devtools.panels.ExtensionSidebarPane: ブラウザーの開発ツールの HTML/CSS インスペクターに、拡張機能が追加したペインを表す

プロパティ

devtools.panels.elements: ElementsPanel オブジェクトの参照
devtools.panels.themeName: 現在の開発ツールテーマの名前

関数

devtools.panels.create(): 開発ツールを作成する

イベント

devtools.panels.onThemeChanged: 開発ツールテーマが変更された時に発火する

ブラウザーの互換性

BCD tables only load in the browser

Example extensions

devtools-panels

メモ: この API は Chromium の chrome.devtools.panels API に基づいています。Microsoft Edge での実装状況は Microsoft Corporation から提供されたものであり、ここでは Creative Commons Attribution 3.0 United States License に従っています。