Firefox拡張機能「Firebug」

Webプログラミング（特にjavascript）やWebデザインに携わっている人にとって、ほぼ必須のFirefox拡張機能といわれている「Firebug」をインストールしてみます。Firefox Add-onsには次のように紹介されていました。

Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。

うん、便利そうです。早速インストール。

• Firebug :: Firefox Add-ons - Mozilla Firefox

インストールは例のごとく、緑の「インストール」ボタンをクリックし、Firefoxを再起動するだけで完了します。

インストールが完了すると、Firefoxのステータスバー右部分に、グレーの円に斜線が入ったようなアイコンが表示されます。

この状態ではFirebugは有効になっていないので、アイコンを右クリックし、「Disable Firebug」のチェックを外します。するとグレーのアイコンが緑色に変化します

また、ローカルに配置されているソースコードに対してもFirebugを有効にしたい場合には、そのソースコードをFirefoxで表示させている状態でアイコンを右クリックし、「Disable Firebug for Local Files」のチェックを外します。

有効にしている状態でアイコンを左クリックするとFirebugの画面が表示されます。

詳しい使い方についてはまた追記します。