適切に設定すると、Firefoxはあなたがリアルタイム、デバッグジャバスクリプトでスタイルページを缶あるいはHTMLを編集できるように、作業しているページに直接アクセスできるように、究極のWeb開発ツールになることができます。
Web開発用に別のプロファイルを作成する
これらの開発ツールのすべてをインストールすると、非常に重いブラウザにFirefoxを行いますので、まずFirefoxの新しいプロファイルを作成する必要があります。
あなたのプロフィールの名前でWebdevであるに置き換える、これらの引数を使用して新しいショートカットを、作成することによって、通常のプロファイルと同時に別のプロファイルを起動することができます。もあります より詳細な説明 これを行う方法の。
firefox.exeが- P Webdevである - 無リモート
あなたがFirefoxだけで、Web開発用に個別のプロファイルで設定さんできたので、我々は究極のWeb開発ツールにFirefoxを行うために使用できる拡張子を見てみましょう。
ウェブDevの拡張機能を持っている必要があります
これらは、私がWeb開発のための定期的に使用しているすべての拡張です。
FirebugはJavaScriptのデバッグ、視聴CSSとHTMLのための最も強力な拡張機能です。あなたはコードとCSSを動的に変更を加えるし、Ajaxのコードをデバッグするために使用することができます。それは本当にそこに最高の拡張子です。
実行中のXの年のための最高の拡張子のいずれか。これは、すべての開発者にとってなくてはならないですが、あなたはすでにそれを聞いた。
この拡張モジュールは、簡単にページ上の要素とそれらに割り当てられたクラス/ IDが表示されます非常に軽量な拡張機能です。それはあなただけで要素の迅速な情報を必要とする時間のためのウェブ開発者の拡張子を使用するより簡単です。また、ページから要素を削除するために使用することができます。
簡単に色を選択します。発見色のないより多くの痛みは、スタイルシートのどこかに埋め込まれません。
Youは、さまざまなアプリケーションでソースを開くために複数のビューソースのプロファイルを設定できます。
この拡張モジュールは、簡単にソースの表示パネルにあなたのページのHTMLおよびインストールを検証することができます。
Web開発者にとって大きな時間の節約となる、一般的に実行されるアクションを自動化する能力のために、最低ではない、それは正確にウェブ開発者向け拡張機能のない、しかし、Greasemonkeyはすごいです。
簡単にこの拡張子の画面上で距離を測定します。一度領域を測定したならば、比較に使用する画面の周りに四角形をドラッグすることができます。
IEの表示 / IEのタブ / OperaView / FirefoxView / Safariの表示 / IEの表示ライト
これらの拡張機能は、（お好きなものを取る）、簡単に別のブラウザで現在のページを表示できます。あなたがその気された場合、IEのタブでも、あなたがIE内のタブの実行できるようになる。
キャッシュをクリアします。新しいCSSの変更をチェックする場合に特に役立ちます。
再起動Firefoxの拡張機能は、閉鎖とそのまますべてのタブとセッションを使ってFirefoxを再起動するのに非常に便利です。
タブMix Plusの拡張子は一般的に偉大な拡張子ですが、ウェブ開発者のためのいくつかの本質的に有用な機能を備えています。タブと[コピー]タブのURLが重複しています。
YSlowの拡張子は、あなたのページを分析し、間違いを作っている場所を教えてくれますYahooからの新しい拡張機能です。それも、あなたのサイトのパフォーマンス上のグレードをあげる。あなたは右下隅に小さなゲージに気づくでしょう...それは、あなたのページの合計サイズだけでなく、ロード時間を指示します。非常に有用な拡張は、それはFirebug拡張機能を必要とします。
ダミーLipsumジェネレータの拡張子は、あなたのサイトに偽のコンテンツをレイアウトするための非常に便利です有名なLoremのイプサムのテキストに基づいて、あなたのためのダミーコンテンツを生成します。
Screengrab拡張モジュールを使用すると、ページのスクリーンショットを撮るようになるが、通常のスクリーンショットのツールができない何かを行うことができます - それはないだけ表示可能な部分は、ページ全体の画像を取ることができます。
そこにあなたが使用できる他の拡張機能のトンがありますが、これらは私が見たことのすべてから最高のベストです。あなたが定期的に使用する別の拡張子がある場合は、コメントに言及しておきます。
この時点で、あなたは今、究極のWeb開発ツールにFirefoxをオンにしました。特にFirebugを使用する方法を覚えるのに時間がかかる。
0 件のコメント:
コメントを投稿