Firefoxのウェブデベロッパー用のツールとしてはWeb Developerが有名ではないかと思う。今回紹介するのはFirebug1.0というものだが、非常に強力・便利な機能が満載である。もはやFirefox環境でのCSS編集では必須のツールとなってしまった。
Firebugの機能拡張はこちらから：Firebug - Web Development Evolved
上記のように、inspectによりカーソルが指す場所のHTML、CSSをリアルタイムに表示する。
HTMLやCSSは変更が可能。変更すると、その場でブラウザに変更が反映される。
ページの読み込みサイズ、読み込みにかかった時間を表示し、サイトのパフォーマンスを測定可能。
inspectorでは、現在のボックスに指定されているマージンやパディングなどを図形で表示してくれる。
ちなみにWeb Developerとは干渉しないので両方入れておいてもいいかも（両方同時に起動するとおかしくなる。あたりまえだが）。
Trackback URL
3 Trackbacks/Pingbacks
そして最後に機能拡張。私は「はてなツールバー」や「deli.cio.usツールバー」を使いたいが、他人に勝手にブックマークされたくない。さらに連れには関係のない、「firebug」や、「DOM Inspector」、「ColorZilla」などのWeb開発ツールを入れている。これを何とかしたいと思っていたのだが、「Geek to Live: Manage multiple Firefox profiles - Lifehacker
Firefoxを複数プロファイルで使い分ける
Firefoxの機能拡張には便利なものがたくさんあるのだが、家のPCは家族で１…
jQueryネタ: http://pfirsichmelba.de/artikel-scripts/ jQuery plugin: Validation jqModal Simple tableSorter デザインネタ: ラインをデザインに取り入れられている15サイト Firefox+Firebug1.0で快適なCSS編集
Post a Comment