HTML CSS JavaScript Ajaxをデバッグ （Firebug）

FireFoxプラグインでHTML CSS JavaScript AjaxをリアルタイムデバッグができるFirebugはご存知の方も多いはず。

JavaScriptのデバッグに威力を発揮

1. Find scripts - 表示中のコンテンツで使用中のJavaScriptファイルの参照
2. Pause execution(1) - ブレークポイントを任意の行に指定
3. Pause execution(2) - ブレークポイントに停止条件を指定可能
4. One step at a time - ステップを１つ１つ確認することも可能
5. Break for errors - エラー部分で停止し、原因を表示してくれる
6. Watch expressions - オブジェクトや変数の値をリアルタイムに参照可能
7. Profile JavaScript performance - JavaScriptのパフォーマンスを数値化する

紹介した以外にも様々な機能があり、かなり使えるツールになっていて、Visual Studioや Code Warriorなどのようなデバッグ環境を提供してくれます。

JavaScriptを多用し始めると、スクリプトの処理速度などは非常に重要になってくるので、それぞれの実行時間を表示してくれる機能はかなり役立ちます。