[ソフトウェア] Firefox拡張「FireBug」

Firefoxブラウザの拡張ってご存じでしょうか？
Firefoxブラウザの機能を拡張する外付けモジュール群です。

FireBugは、その中でもWEBデザイナー、WEB開発者に超お薦めの拡張です。
インストールすると、Firefoxウィンドウの右下に虫のアイコンが表示されます。
ここをクリックすると各機能が使えます。

この拡張の特長は
１）WEBページソースの調査ができる
２）WEBページを動的に変更し、状態を確認できる
３）CSSの継承関係がみられる

１）３）は以下の画像をご覧ください(クリックで拡大)

ここのHTMLソースってどうなってるんだろうなーとか、そういうのを調べられます。CSSの継承も右下でみられますので、文字色を結局どこで変更しているのか、等が瞬時にわかります。

２）は以下の画像をご覧ください

Yahoooooooに変わっているのがわかりますか？
このように動的にHTMLソースを編集して、実際にどうなるかを確認できます。
width属性を変えたら反映されるか、等の確認に便利です。


ほかにもJavascriptのデバッグ機能もありますので、WEB開発者にはお薦めです。


■FireBug - Firefox Addon
　https://addons.mozilla.org/ja/firefox/addon/1843