無料で使える Web 開発に必須の Firefox アドオン １３個 ～ ２００９年１１月版

いわずと知れた Ajax 開発者の定番です。

JavaScript デバッガ、ネットワークキャプチャ、DOM 要素の解析等、AJAX プログラミングに欠かせないツールです。

パフォーマンスの評価およびパフォーマンス改善のポイントを表示します。 Firebug のアドオンとして実装されています。

また画像サイズの最小化ツールである Smush.it などの各種ツールも利用できるので、非常に価値が高いです。

スクリプト、クッキー、CSS 等の有効化、無効化、画面サイズのチェックなどが簡単に行えます。

Firebug のアドオンとして実装されています。ウェブサイトの最適化レポートを表示してくれます。

現在のウェブページに画像を自在に場所と透明度を変えて表示することができます。デザイン時に有効です。

HTML のバリデーションチェックができます。デスクトップツールをインストールすると上記スクリーンショットにあるような、 各種オプションの設定が可能です。

IE の各種バージョンでの表示をチェックすることが出来ます。各種バージョンをそろえるのは大変ですし、そもそも Windows を使っていない方には特に役立つでしょう。

画面からのカラーピッカーです。

スクリーンキャプチャです。

グリッドレイアウト時に、画面のレイアウトをチェックできます。画面の上部にグリッドを表示します。

Font Finder を利用すると、選択した文字に関するフォント情報、スペース、修飾情報など、テキストに関する包括的な情報を表示できます。

テキストブラウザである Lynx での表示をチェックすることが出来ます。

ネットワークのキャプチャツールです。各リクエスト間の関連、パフォーマンス測定については Firebug の Net タブのほうがチャートがある分、見やすいと思いますが、 個々の HTTP リクエスト・レスポンスについては、HttpFox の方がわかりやすいです。