Console Utilities API では、さまざまなショートカットが提供されるため、デバッグのワークフローを高速化できます。
Console Utilities API を使用すると、次のことができます。
document.querySelector()
などの長いコマンドを入力する代わりに、jQuery スタイルの$
ショートカットを使用して要素を指定します。- [要素] パネルで、直近に選択した 5 つの DOM 要素を参照します。
- XPath で要素をすばやく参照し、[要素] パネルでコピーできます。
- コンストラクタでオブジェクトをクエリする。
- オブジェクトのキーまたは値のみを一覧表示します。
- オブジェクトの文字列表現をクリップボードにコピーします。
- イベント リスナーを取得します。
- イベントと関数呼び出しをモニタリングする。
Console Utilities API のショートカットの一覧については、Console Utilities API リファレンスをご覧ください。