Google Chrome デベロッパーツールで JavaScript をデバッグする

Google Chrome デベロッパーツールで JavaScript をデバッグする方法のメモ。

デベロッパーツールの起動方法 ———————————————————————-

右上のレンチアイコンから [ ツール ] → [ JavaScript コンソール ] を選択するとデベロッパーツールを起動できます。

コンソールにログを出力する ———————————————————————-

JavaScript のソース内で次のように書くと、コンソールにログを出力する事ができます。

console.log(‘num = ‘+num);

今までのデバックは、いちいち alert() でやっていたので、ダイアログを閉じるのが面倒でしたw

参考にさせてもらったページ ———————————————————————-

特集:Google Chrome版Firebug:デベロッパーツール取扱説明書|gihyo.jp … 技術評論社【レビュー】Google Chrome使用のデベロッパへ – GUI JavaScriptデバッガを試してみた! (1) Google Chromeに実装された2つの強力なデバッガ | エンタープライズ | マイコミジャーナル

ありがとうございます!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です