DevTools のヒント: コンソールのショートカットでワークフローを高速化する方法

Sofia Emelianova
Sofia Emelianova
GitHub

Console Utilities API では、さまざまなショートカットが提供されるため、デバッグのワークフローを高速化できます。

Console Utilities API を使用すると、次のことができます。

  • document.querySelector() などの長いコマンドを入力する代わりに、jQuery スタイルの $ ショートカットを使用して要素を指定します。
  • [要素] パネルで、直近に選択した 5 つの DOM 要素を参照します。
  • XPath で要素をすばやく参照し、[要素] パネルでコピーできます。
  • コンストラクタでオブジェクトをクエリする。
  • オブジェクトのキーまたは値のみを一覧表示します。
  • オブジェクトの文字列表現をクリップボードにコピーします。
  • イベント リスナーを取得します。
  • イベントと関数呼び出しをモニタリングする。

Console Utilities API のショートカットの一覧については、Console Utilities API リファレンスをご覧ください。