Firebug

FrontPage

Web系の動作解析とかに必須らしい。Webデベロッパーツールなるものもあるらしい。

とりあえず使ってみる †

インストールと基本的な操作

インストール †

1. 公式サイトFirebugに行く（もちろんFirefoxで）
2. 「Install Firebug」ボタンをクリック
3. 「addons.mozilla.org」へのリンクをクリック
4. インストールの確認ダイアログが表示されたら、「許可」を選択

これで、インストールされたはず。確認するには、「Firefox」-「アドオン」で「インストールされたアドオン」を見る。

基本操作 †

画面下部にあるステータスバー（アドオンバー）右端に、ハエマークをクリック。

あるいは、

1. Webページで、調べたいあたりをドラッグして選択
2. 右クリック-「要素を調査」

これで、該当箇所のHTML、CSSなどが一括して表示される。

終了するには、右上の「Firebugを閉じる」ボタンをクリック。

参考リンク †

• Firebug 公式サイト
• Firefox アドオン - Firebug | Mozilla Japan
• Firebug - Wikipedia

• Webのバグを燃やしまくるFirebugと、そのアドオン7選 (1/3) - ＠IT
• 意外と知られていない機能が多い！？Firebugの使い方 | THE HAM MEDIA BLOG
• これも知らない！？知っていると便利なFirebugの使い方 | THE HAM MEDIA BLOG
• 特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社

• IEなどすべてのブラウザで使えるCSSデバッガー「Firebug Lite」[to-R]