【JavaScript】Chromeでデバッグを実行

JavaScript

JavaScriptをデバックする方法はいろいろあると思いますが、ブラウザを利用するのが一番簡単です。以下にChromeを利用したJavaScriptデバッグ手順を紹介します。

以前投稿したVue.jsのサンプルプログラムをデバッグしてみようと思います。

★ざっくり手順
・「F12」を押す
・「Source」タブを選択
・左のツリーから対象のファイルを選択
・対象行にブレークポイントを設定(マウスで行をクリックしを付ける)
・「F5」で画面更新
・「F11」でステップイン(右側のウォッチリストで変数を確認するなど)

コメント

タイトルとURLをコピーしました