Google Chromeのブレークポイント

Google Chromeのブレークポイント Google ChromeのデバッグツールにはJavaScriptの処理を一時停止させることができるブレークポイントという機能があるので利用方法を解説いたします。 まずは基本的な使い方から。ブレークポイントを利用したいページでデベロッパーツールを開き「Sources」タブを表示し、左メニューのSourcesタブを選択し、ブレークポイントを利用したいファイルを開きます。 次に一時停止させたいコードの行番号をクリックすると、行番号に青いマークが付きます。その後、スクリプトを実行するとJavaScriptのスクリプトがその行で停止します。 (ステップオーバー)のアイコンをクリックすると処理が1行づつ実行されます(正確にはちょっと違うけど)。 操作内容をアニメーションGifにしてみたのでご確認ください。 このようにコードを1行づつ実行し、現在の状態やソ