この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
開発ツールテーマが変更された時に発火する

ブラウザ実装状況

ChromeEdgeFirefoxFirefox for AndroidOpera
ElementsPanel.createSidebarPane あり なし57 なし あり
ElementsPanel.onSelectionChanged あり なし56 なし あり
ExtensionPanel.onHidden あり なし54 なし あり
ExtensionPanel.onSearch あり なし なし なし あり
ExtensionPanel.onShown あり なし54 なし あり
ExtensionSidebarPane.onHidden あり なし571 なし あり
ExtensionSidebarPane.onShown あり なし571 なし あり
ExtensionSidebarPane.setExpression あり2 なし573 なし あり
ExtensionSidebarPane.setObject あり4 なし575 なし あり
create あり なし54 なし あり
elements あり なし56 なし あり
onThemeChanged なし なし55 なし なし
themeName54 なし55 なし41

1. This event is only fired when the user switches between sidebar panes, not when the user switches between devtools panels. See bug 1412317.

2. The expression must evaluate to a JavaScript object or a DOM node, or nothing is shown in the sidebar.

3. The expression must evaluate to an object that can be serialized to JSON, or nothing is shown in the sidebar. In particular, JavaScript cyclic objects and DOM nodes are not supported. See bug 1403130.

4. If the jsonObject parameter is a string, it is not displayed.

5. If the jsonObject is a string, then rootTitle must also be given, or jsonObject will not be displayed. See bug 1412310.

謝辞

この API は Chromium の chrome.devtools.panels API に基づいています。

Microsoft Edge での実装状況は Microsoft Corporation から提供されたものであり、ここでは Creative Commons Attribution 3.0 United States License に従っています。

 

ドキュメントのタグと貢献者

このページの貢献者: Uemmra3
最終更新者: Uemmra3,