DevTools のヒント: ブレークポイントとログポイント

Sofia Emelianova
Sofia Emelianova

ブレークポイントを使用すると、コードの実行中に任意の条件で一時停止し、その時点のすべての値を調べることができます。ログポイントを使用すると、実行を一時停止することなく、コンソールにメッセージを記録できます。コードでは、debugger; ステートメントや console.log() 呼び出しの代わりに、ブレークポイントとログポイントを使用するのが効率的です。

ブレークポイントとログポイントを使用してコードをデバッグする方法については、次の動画をご覧ください。

  • ワンクリックでブレークポイントを設定します。
  • [スコープ] と [コンソール] で、コールスタックの表示、変数の確認、値の編集を行います。
  • 右クリックして、[第三者スクリプトを無視] を選択します。
  • debugger; ステートメントの一時停止を無効にします。
  • 一時停止する条件を追加します。
  • 一時停止せずにコンソールに値を記録します。
  • キャッチされた例外またはキャッチされなかった例外で一時停止するように、Debugger を設定します。

ブレークポイントの種類について詳しくは、ブレークポイントを使用してコードを一時停止するをご覧ください。