究極のFirefox Web開発プロファイルを作成する

正しく設定されていれば、Firefoxは究極のWeb開発ツールになり、作業中のページに直接アクセスできるので、リアルタイムでページのスタイルを設定したり、JavaScriptをデバッグしたり、HTMLを編集したりすることもできます。.

Web開発用に個別のプロファイルを作成する

これらすべての開発ツールをインストールするとFirefoxは非常に重いブラウザになるので、まずFirefox用の新しいプロファイルを作成する必要があります。.

これらの引数を使用して新しいショートカットを作成し、WebDevを自分のプロファイルの名前に置き換えることで、通常のプロファイルと同時に別のプロファイルを起動できます。これを行う方法のより詳細な説明もあります.

firefox.exe -P WebDev -no-remote

FirefoxをWeb開発専用に別のプロファイルで構成したので、Firefoxを究極のWeb開発ツールにするために使用できる拡張機能を見てみましょう。.

Web Devの拡張機能を持っている必要があります

これらはすべて私がWeb開発のために定期的に使用している拡張機能です。.

Firebug

Firebugは、JavaScriptのデバッグ、CSSおよびHTMLの表示を行うための最も強力な拡張機能です。コードとCSSを動的に変更し、それを使ってAjaxコードをデバッグすることができます。それは本当に最高の拡張機能です.

Web開発者エクステンション

x年間実行されているための最高の拡張機能の1つ。これはどの開発者にとっても必須ですが、あなたはすでにそれを聞いています.

Aardvarkエクステンション

このエクステンションは非常に軽量のエクステンションで、ページ上の要素とそれらに割り当てられたクラス/ IDを簡単に表示します。要素のクイック情報が必要なときには、Web開発者向け拡張機能よりも使いやすいです。ページから要素を削除するのにも使えます。.

カラージラ

色を簡単に選択スタイルシートのどこかに埋め込まれた色を見つけるのに苦労することはもうありません。.

でソースを表示

複数のビューソースプロファイルを設定して、さまざまなアプリケーションでソースを開くことができます。.

HTMLバリデータ

この拡張機能を使用すると、ページのHTMLを簡単に検証して[ソースの表示]パネルにインストールできます。.

グリースモンキー

これは厳密にはWeb開発者向けの拡張機能ではありませんが、Greasemonkeyはすばらしい機能です。特に、一般的に実行されるアクションを自動化する機能は、Web開発者にとって時間の節約になります。.

それを測定

この拡張子を使えば、画面上の距離を簡単に測定できます。面積を測定したら、画面の四角形をドラッグして比較として使用できます。.

IEビュー / IEタブ / OperaView / FirefoxView / サファリビュー / IE View Lite

これらの拡張機能（好きなものを選ぶ）を使用すると、現在のページをさまざまなブラウザで簡単に表示できます。 IE Tabを使えば、タブ内でIEを実行することさえできます。.

キャッシュをクリアボタン

キャッシュをクリアします。新しいCSSの変更を確認するのに特に便利です。.

Firefoxを再起動します

Firefoxを再起動する拡張機能は、すべてのタブとセッションをそのままにしてFirefoxを閉じて再起動するのに非常に便利です。.

タブミックスプラス

Tab Mix Plus拡張機能は一般的に優れた拡張機能ですが、Web開発者にとって基本的に便利な機能がいくつかあります。.

YSlow

YSlowエクステンションは、あなたのページを分析し、間違いを犯している場所を知らせるヤフーの新しいエクステンションです。それはあなたにあなたのサイトのパフォーマンスについての成績も与えます。右下隅にある小さなゲージに気付くでしょう…それはあなたのページの合計サイズとロード時間を教えてくれます。非常に便利な拡張機能ですが、Firebug拡張機能が必要です。.

ダミーロレムイプサム

Dummy Lipsumジェネレータ拡張機能は、有名なLorem Ipsumのテキストに基づいてダミーのコンテンツを生成します。これは、サイトに偽のコンテンツをレイアウトするのに非常に便利です。.

スクリーングラブ!

Screengrabエクステンションを使うとページのスクリーンショットを撮ることができますが、通常のスクリーンショットツールではできないことができます - 表示可能な部分だけでなく、ページ全体の画像を撮ることもできます.

あなたが使用できる他の拡張機能がたくさんありますが、これらは私が見たものの中で最高のものの中で最高のものです。あなたがあなたが定期的に使用する別の拡張子を持っているならば、コメントに言及を残しなさい.

これで、Firefoxは究極のWeb開発ツールになりました。特にFirebugの使い方を学ぶために時間をかけてください.