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

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

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

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

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

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

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

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

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

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

ありがとうございます!

コメントを残す

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