思考停止するな

ネットワークとかアプリケーションとかWebとか

ChromeでJSをデバッグする方法

スポンサーリンク

ChromeでJSをデバッグする方法についてです。

1.Choromeのデベロッパーツールを開きます。
WindowsならF12
MacならCommand + Option + I
で開きます。

2.Developer Tools > Sourceタブを開きます。
f:id:shimonss:20170423144957p:plain

3.デバッグしたいJSファイルを選択します。
f:id:shimonss:20170423145056p:plain

4.ブレークポイントを仕込みたい行をクリックします。
f:id:shimonss:20170423145138p:plain

5.ブラウザを更新すると、ブレークポイントで止まります。

6.使い方
f:id:shimonss:20170423145706p:plain
左から、「処理再開」、「ステップオーバー」、「ステップイン」、「ステップアウト」です。