Firefoxはアドオンという小さな追加プログラムをインストールすることで、様々な機能をブラウザに追加する事ができます。現在5,000以上のアドオンが公開されているそうです。開発者（Web制作者）向けのアドオンもいろいろとあります。
アドオン〔Firefox拡張機能〕
Firebug[開発者向けツール]
Firebug は、閲覧中のWebページのレイアウトを制御しているCSSを調査する機能をFirefoxに追加してくれるアドオン（拡張機能）です。さらに、閲覧中のWebページのCSS、HTML、及び JavaScript をリアルタイムに編集しすることもできます。つまり、実際にWebページを見ながら、この部分の見栄えはCSSのどのスタイル設定が反映されているのかを確認でき、さらにCSSを擬似的に編集しWebページの表示がどのように変化するのかをテストできるツールなわけです。
「CSSは、よくわからん!!」って人が、CSSをいじりたい時の「必須」アイテムでしょう!!! これを使っていろんなサイトのCSSをのぞき見る事でCSSのお勉強にもなっちゃいます。
Joomla!のテンプレートをカスタマイズする際「CSSに手を加えてみたが思ったような表示にならない(T.T)」って時にも、そのうまく「表示されない部分」は、どのCSS設定の影響をうけているのかって事がカンタンにわかるので、大変たいへん便利です。
Firebug を使うとどんな事ができるのか、詳しく知りたい方はこちらの「Firebug ホームページ」へ【http://getfirebug.com/jp.html】
IE NetRenderer[開発者向けツール]
「IE NetRenderer」は、WebページがInternetExplorerではどんな感じで表示されるかを確認できるサービス「IE NetRenderer」を、ツールバーボタン、コンテキスト (右クリック) メニュー、キーボードショートカットからカンタンにポチッと利用することができるようになるアドオンです。
WinのFirefoxユーザーも、MacなFirefoxユーザもカンタンに「IEだと、どう表示されちまってんだい!?」ってのがボタン一つで確認できるようになります。
Web ページの HTML、CSS、JavaScript、Ajax をリアルタイムに調査、編集、デバッグ、監視できる「Firebug」は、とってもとっても便利な拡張機能です。ホントはIEでこれがあれば「なんで、Firefoxでも、Operaでも、Safariでもここはこんな風に表示されてるのに、IEだけなんでこんな事になっちまうんだよ(-_-メ)」って時に、助かりそうなのですが、「Firebug」は Firefox 専用のツールなので、IEでは使えません・・・・・
と、思ったら「IE」にも、似たようなツールがあるそうです（IE7用かな）。さらに、ベータ版が公開されている「IE8」には、標準で似たような機能が付加されているそうです。ちなみに「Opera」にも似たような拡張機能があるそうです。
| 次 > |
|---|
