Firefoxのアドオンツールである「Firebug」は、Webページの編集ツールである。
CSS、HTML、Javascriptを編集、デバックできる優れた機能をもっており、久々感動級の優れたフリーツールである。
画像のように、表示されたWebページをタブキーにより、HTML、CSS、Javascriptなどに切替えられ、色分け表示される。
また、HTMLの1行を選択すると、該当するWebページが青色に反転し、該当するCSSが右ページに表示される。
その他いろいろな機能が用意されているが、詳しい機能についてはFirebug - Web Development Evolvedに詳しく書かれている。
私の場合、MovableTypeのテンプレートのデザイン、CSSカスタマイズは、これまでもっぱら「Web Developer」ツールで行ってきた。
このツールも私にとってはなくてはならない必須仕事アイテムである。
CSS編集ができ、変更するとすぐにブラウザ上で反映され、CSSを保存、FTPでアップロードするという一連の操作で簡単にテンプレート編集が行える。
この2つのツールを使うことによって、さらに仕事もパワーアップ!!。
Firefoxは、アドオン=拡張機能でさまざまにカスタマイズできるところが魅力。
私のFirefoxにもたくさんのアドオンが装備されている。
しかし、なんといってもIEの割合が圧倒的。FirefoxできちんとWebページが表示されていても、IEでうまく表示されないというブラウザ間のジレンマがある。
IEにもこんなすぐれたアドオンがでて欲しいものだが、なかなかない・・・。Internet Explorer Developer Toolbar があるものの編集機能がいまひとつ。
この「Firebug」にIE版もあるとのこと。
早速、導入してみようと思う。
これにより、IEとFirefoxの表示の差をどこまで縮めることができるかまた報告することとする。