この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,