JavaScript・jQueryデバッグ方法

main_img

JavaScript・jQueryを実装時、今どういった流れでプログラムの処理が走っているか、
変数の中身がどうなっているか(変数の中に希望する値が入っているか確かめたい時)等
コンソールやアラートにログを出力するやり方。

コンソールに変数の値を表示したい場合

JavaScriptでconsole.logを使用したデバッグのやり方【初心者向け】

アラートに変数の値を表示したい場合

JavaScriptでalertを使ってアラートを表示させる方法【初心者向け】現役エンジニアが解説


※アラートは配列をログで出力した時に、array(オブジェクト)で表示されたりするので、コンソールにログを表示した方が使いやすかったりします。

開発者ツールの使い方

https://www.buildinsider.net/web/chromedevtools/01

【更新履歴】
2020.05.21 記事を公開しました。