超便利アドオン「Firebug」

2月 5, 2009 · Posted in FireFox, アドオン 
Post to Google Buzz
このエントリーをはてなブックマークに追加

前回ご紹介した「WebDeveloper」と同じく、Web制作にかかせないアドオンが「Firebug」。
デバッグする際にとても便利です!

https://addons.mozilla.org/ja/firefox/addon/1843

特に便利なのが「調査(Inspect)」機能。
調査ボタンを押して、サイト上の調べたい要素にマウスオーバーすると、その要素にどんなCSSがかかってるかなどを確認することができます。(下図参照)

起動時の画像

しかもコンソール上からCSSの値を変更できるので、微調整する際にその都度CSSを修正してFTPでサーバーにアップするなんてことはやらなくていいんです!!

CSSのデバッグをするときには必須ですね。

Comments

Leave a Reply