はじめに

railsではよくbinding.pryを使用して値が入っているか確認する際によく使いますが、
jsはどうやって調べられるのか？
可能であれば動きをみた方が理解度も上がりますよね！
とても簡単です^^それでは行きましょう!

手順

1.検証ツールを開き。
Sourcesを選択します。

2.jsファイルを選択して開きます。

3.処理を止めたい行を選択します。

あとはbinding.pryの時と同じようにブラウザで操作します。

選択した場所で処理が止まり、

その状態で、検証ツールのコンソールで変数の中身を確認することもできます！

誰かの参考に慣れば幸いです^^