デバッガーの呼び出し方
デバッガを呼び出すには、以下の手順に従います。
- デバッガ
function foo() {
// some code here
debugger; // 在这一行上设置断点
// some code here
}
- プログラムを実行中に、ブレークポイントで実行が止まり、プログラムの状態を見ることができます。
- ブラウザのデバッグツールを開きます。F12キーを押すか、ページ上で右クリックして「検証」を選択することで、デバッグツールを開くことができます。
- 開発者ツールの「デバッグ」タブへ切り替えてください。通常、バグのアイコンが表示されたタブです。
- 「デバッグ」タブには、コードが表示される、コードエディタのようなインターフェイスがあります。以前にブレークポイントを設定した場合は、コードがブレークポイントで停止していることがわかります。
- デバッガのツールバーから”続行”、”ステップイン”、”ステップアウト”などのボタンを使用して、プログラムの実行を制御したり、変数の値などを調べることができます。
これは基本的なデバッグの流れであり、ブラウザやデベロッパーツールによって異なる部分もありますが、大まかな流れは共通です。コードを実行しているときの不具合を捕捉し、デバッグするために役立てることができます。