レビューソフト・アプリWEBサービスデジモノ本イベントレポートブログダウンロードこのサイトについて問い合わせ【JS】JavaScriptをステップ実行してデバッグする(Firefox)JavaScriptをステップ実行しながらデバッグする方法。個人的に一番使いやすいFirefoxの開発ツールでのやり方。開発ツールでのJavaScriptステップ実行手順Firefoxメニューの「ウェブ開発」→「デバッガー」を選択。ステップ実行を開始したい位置にブレークポイントをセットする。セット方法は、下記のようにコード左にある行数をクリックする。ブレークポイントがセットされると、矢印マークが表示される。次に、ページから、ブレークポイントをセットしたコードが実行される操作を行う。(例.ボタン押下、画像ファイル読込など)操作によりコードが実行され、ブレークポイントに到達すると処理がストップする。あとは右側パネル上部にあるアイコンでステップ実行する。使い方も簡単だし、ちゃんと変数の値やDOM操作の内容がリアルタイムで表示されるので、JavaScriptの動作確認はFirefox一択。Output48中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。ベンチャー企業の営業、大手企業のPG・SEを経て、独立。現在はとある企業のCTOと、変な名前の会社の社長をしてる。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。