Firebug // MOONGIFT Archived

Firebug サムネイル

JavaScriptのデバッグはもちろん、CSSのオンザフライ編集機能等もあるデバッグソフトウェアです。

Firebug スクリーンショット

Ajaxの隆盛とともにJavaScriptを活用したサイトが増えているが、まだまだ開発者泣かせの一面がある。ブラウザ互換性もあるが、開発環境もまだまだ弱く、テキストエディタ等で組むしかない。

せめてデバッグ環境だけでも便利にしよう。

今回紹介するオープンソース・ソフトウェアはFirebug、Firefox向けJavaScriptデバッグソフトウェアだ。

FirebugはFirefoxアドオンとして提供され、サイトごとに利用する/しないを選択できる。CSSやHTMLをそのまま編集して確認できるのが便利だ。

また、JavaScriptについてはロード時のエラー表示や、ステップ実行、ブレークポイント機能がある。また、各要素に対して読み込み時間を測定し、ボトルネックの検出にも利用できる。

さらにJavaScriptのコンソール上での実行機能等、Web開発者にとっては欠かすことのできない機能が詰まったソフトウェアだ。