プログラマーに役立つ Firefox アドオンは何を使用していますか?
19 に答える
Firebug について言及するのはばかげていると思います。それ以外は、次を使用します(開発関連のみをリストします):
- Console 2 : 次世代エラーコンソール
- DOM インスペクタ: タイトルが示すように、DOM を参照できます
- Cookie の編集: その場で Cookie を変更します
- JS の実行: アドホック Javascript の実行
- IE タブ: IE でページをレンダリングする
- これを検査: 選択したオブジェクトを DOM インスペクターに取り込みます
- JSView: リンクされた JavaScript と CSS を表示します
- LORI (リクエスト情報の寿命): ページのレンダリングにかかる時間を示します
- IT を測定: ポップアップ定規。
- URL パラメータ: GET および POST 変数を表示します
- Web 開発者: Web 開発者向けの無数のツール
これが私のものです(開発者中心):
FireBug - 無数の生産性向上ツールで、javascript デバッガー、DOM インスペクターが含まれており、CSS/HTML をオンザフライで編集できます。これは、レイアウトと表示の問題のトラブルシューティングに非常に役立ちます。
Web 開発者- これも優れた開発者生産性向上ツールです。私は主に、ページをすばやく検証したり、JavaScript を無効にしたり (JavaScript を無効にすることもありますよね?)、Cookie を表示したりするために使用します。
データの改ざん- ページに戻す前、またはページを取得する前に、http ヘッダー、フォームの値、Cookie などを改ざんできます。ページを突っついたり突っ込んだり、わずかな悪意を持って使用されたときに Web アプリがどのように応答するかを確認したりするのに非常に役立ちます。
JavaScript デバッガー- firebug が提供する JavaScript デバッガーよりもいくつかの機能があります。認めざるを得ませんが、firebug が私を大いに魅了したので、私はこれを控えめに使用しています。
ライブ HTTP ヘッダー- トラブルシューティングに非常に役立ちます。頻繁に使用してください。クライアントとサーバーの間でやり取りされるすべての HTTP ヘッダーをスパイできます。これは、特に環境間で Web アプリをデプロイする際の問題をデバッグする際に、悪質な問題を追跡するのに役立ちました。
Header Spy - マニア向けの便利なアドオンで、Web サイトが実行されている Web サーバーとプラットフォームがステータス バーに表示されます。
MeasureIt - 私はこれを頻繁に使用するわけではありませんが、それでも時々価値があると感じています。
ColorZilla - 繰り返しますが、それほど頻繁に使用するものではありませんが、必要なときに必要です。色を知りたいが、CSS ファイルを掘り下げたくない場合や、グラフィック編集アプリを開いて画像に埋め込まれた色を取得したくない場合に役立ちます。
Add N Edit Cookies - これは、ロード バランサーが Cookie を書き込み、Cookie の値を使用してセッションを「スティッキー」に保つ Web ファームの優れたデバッグ ツールです。サーバー間を自由に切り替えて、特定のマシンの問題を追跡することができました。また、Cookie を使用してログイン ステータスやアカウントを追跡するサイトをいじりたい場合や、コードが不正な形式またはハッキングされた情報にどのように応答するかを確認したい場合にも適したツールです。
Yellowpipe Lynx Viewer Tool - ええ、あなたの考えは知っています、lynx、それを必要としている人は 1994 年です。しかし、Web アクセシビリティを考慮に入れる必要があるサイトを開発している場合 (スクリーン リーダーを使用する視覚障害のあるユーザーがアクセスできることを意味します) 、または Web スパイダー/インデクサーがサイトをどのように「見ている」かを把握する必要がある場合、このツールは非常に貴重です。確かに、いつでも外に出て自分で Lynx を手に入れることができます。これは、私が使用している Windows XP ポートです。
私が時々使用している他のいくつかのアドオンを簡単に言及します: FireFTP (私がインストールしたものは安定しておらず、新しいリリースを試していません)、Html Validator (またこれは不安定で、1 年前のようにインストールしたときは最も不安定であることがわかりました)、IE タブ (通常は IE と FireFox の両方を同時に開いているだけですが、それは私だけです。このアドオンが役立つと思う他の多くの人を知っています)。
また、Chris Pederick によるWeb Developer拡張機能もお勧めします。
まだ言及されていないのは、私が非常に便利だと思ったこのHTML Validator拡張機能です。
Web 開発、特に JavaScript に関して言えば、Firebugは非常に貴重です。Web 開発者ツールバーも非常に便利です。
私が持っているものは...
Firefox アドオン:
FireBug: Web 開発者とデザイナーがフロントエンド コードをテストおよび検査するのに役立ちます。情報をログに記録するためのコンソール パネル、DOM インスペクタ、ページ要素に関する詳細情報など、多くの便利な機能を提供してくれます。
Web 開発者 - CSS の無効化、オンザフライでの CSS の編集、ページの特定の領域の測定などの機能を提供します。
ColorZilla アイコンをクリックし、16 進数の色を知りたい領域にカーソルを合わせてクリックします。
現在の標準解像度でレイアウトが適切に表示されるようにするためのウィンドウ リサイザー。
Total Validator は、HTML、リンク、CSS をチェックし、さらに多くのことを行うことで、Web サイトをより簡単に検証します。
@フラビオ・アミエイロ
Web Developer Toolbar をインストールする場合、MeasureIt は不要な拡張機能です。Web Developer Toolbar には、その機能の 1 つとして定規が含まれています。Web 開発者の " Miscellaneous
" カテゴリで、オプション " Display Ruler
" をクリックして、MeasureIt と同じ定規を使用します。
これにより、必要な拡張機能の数を少なくとも 1 つ減らすことができます。
ハックバーはとても便利だと思います。URLのクエリ文字列部分を編集したり、脆弱性をテストしたり、複雑なクエリ文字列値になってしまう可能性のある一般的な他のタイプのテストを行う場合に非常に便利です。
Web 開発のための Web 開発者。あなたがブロガー・プログラマーならScribefire
Web 開発にはWeb Developer Toolbar、CSS Viewerを使用します とMeasureIt。
しかし、私はすべてを行うために何千もの拡張機能を持っている人の一人ではありません。私は物事をシンプルに保つのが好きです。
編集: Dan の回答のおかげで、もう MeasureIt は必要ありません。私はそれを見たことがないなんて信じられない!この WebDeveloper ツールバーにもっと注意を払う必要があると思います。
LORIの場合は +1 (「life-of-request-info」)。これは、特定の Web ページの読み込み時間を大まかに測定するための非常に便利な代替手段です。そうでなければ、外部ストップウォッチを使用するようなものです。
新しいタブのホームページ. 「スピード ダイヤル」タイプのホームページ (頻繁に使用する、高速に読み込まれるリンクの個人用ページ) と組み合わせると、新しいブラウザ タブを開いたときに目的の場所にすばやく移動できます。
最後のタブ。Ctrl+Tab の動作を変更して、Windows で Alt+Tab が機能するのと同じように、Ctrl+Tab を繰り返し押して、最近使用したタブ間を行き来できるようにします。また、Ctrl キーを押したままにしておくと、開いているすべてのタブが表示され、簡単に移動できます。(結果の動作は、Visual Studio の最近のリリースでの Ctrl+Tab の動作と非常によく似ています。)
DOM インスペクタを学んでいましたが、Firebug に切り替えました。
みんなのリストに追加すると、Tamper Dataは非常に便利で、リクエストを傍受してその中のデータを変更できます。JavaScript の検証をバイパスし、サーバー側が機能しているかどうかを確認するために使用できます。
私はWeb Developerを使用しています。これは時間を大幅に節約します。
Fiddlerは非常に優れたデバッグ プロキシです。Firebug の「Net」パネルまたはライブ HTTP ヘッダーのより強力なバージョンと考えてください。
以前は IE 専用の拡張機能でしたが、現在は Firefox へのフックも備えています。
Groundspeedは、サーバー側コードのテストに役立ちます。ペンテスト中の入力検証テスト用に作成されましたが、入力の操作が必要なあらゆるテストに役立ちます (TamperData と同様)。
ページ内のフォーム要素を制御したり、タイプやその他の属性 (サイズ、長さ、JavaScript イベント ハンドラーなど) を変更したりできます。たとえば、隠しフィールドまたは選択をテキストボックスに変更し、任意の値を入力してサーバーの応答などをテストできます。
上記で見逃したものの一部はこちら
Load Time Analyzer – Firefox での Web ページの読み込み時間の詳細なグラフを表示します。グラフには、ページ リクエスト、画像の読み込み時間などのイベントが表示されます。
ポスター– Web 開発者が Web サービスやその他の Web リソースとやり取りできるようにするための必須ツールです。
Aardvark – Web 開発者やデザイナー向けのクールな拡張機能で、ページ要素を個別に強調表示することで、CSS 属性、ID、クラスを表示できます。
FireFTPは、必要なファイルを取得/アップロードするのに適しています。