•  09-06-2019
  •  | 
  •  

質問

プログラマーにとって役立つ Firefox アドオンは何ですか?

役に立ちましたか？

解決

Firebug について言及するのは愚かだと思います。Firebug なしで生きていける人はいないでしょう。それ以外では、次のものを使用します（開発関連のみをリストします）。

  • コンソール2:次世代エラーコンソール
  • DOM インスペクター:タイトルが示すように、DOM を参照できます。
  • Cookie を編集します。その場でクッキーを変更する
  • JS を実行します。アドホック Javascript の実行
  • IEタブ:IEでページをレンダリングする
  • これを調べてください:選択したオブジェクトを DOM インスペクターに取り込みます
  • JSビュー:リンクされたJavaScriptとCSSを表示する
  • LORI (ライフ・オブ・リクエスト情報):ページのレンダリングにかかる​​時間を示します
  • IT を測定する:ポップアップ定規。
  • URL パラメータ:GET 変数と POST 変数を示します
  • ウェブ開発者：Web 開発者向けの無数のツール

他のヒント

これが私のものです（開発者中心）：

  1. ファイアバグ - JavaScript デバッガーや DOM インスペクターなど、生産性を向上させる無数のツールを使用すると、CSS/HTML をその場で編集でき、レイアウトや表示の問題のトラブルシューティングに非常に役立ちます。

  2. ウェブ開発者 - これも素晴らしい開発者生産性ツールです。私は主に、ページの迅速な検証、JavaScript の無効化 (はい、JavaScript を無効にすることもありますよね?)、Cookie の表示などに使用します。

  3. データの改ざん - http ヘッダー、フォーム値、Cookie などを改ざんできます。ページに投稿し直す前、またはページを取得する前に。ページを突いたり突きつけたり、わずかに悪意のある目的で使用された場合に Web アプリがどのように反応するかを確認するのに非常に価値があります。

  4. JavaScript デバッガー - firebug が提供する JavaScript デバッガーよりもいくつかの機能が追加されています。正直に言いますが、私は Firebug にすっかり魅了されてしまったので、これはあまり使いません。

  5. ライブHTTPヘッダー - トラブルシューティングに非常に貴重なので、頻繁に使用します。クライアントとサーバー間で送受信されるすべての HTTP ヘッダーを監視できます。これは、特に環境間で Web アプリをデプロイする際の問題をデバッグする際に、悪質な問題を追跡するのに役立ちました。

  6. ヘッダースパイ - マニアックなタイプに最適なアドオン。Web サイトが実行されている Web サーバーとプラットフォームをステータス バーに表示します。

  7. 測ってみよう - それほど頻繁に使用するわけではありませんが、それでも時々価値があると感じます。

  8. カラージラ - 繰り返しますが、それほど頻繁に使用するものではありませんが、必要なときに必要になります。CSS ファイルを調べたくないときに色を知りたい場合や、グラフィック編集アプリを開いて画像に埋め込まれた色を取得する場合に役立ちます。

  9. N 編集 Cookie を追加 - これは、ロード バランサーが Cookie を書き込み、その Cookie 値を使用してセッションを「スティッキー」に保つ Web ファームでの優れたデバッグ ツールです。これにより、サーバー間を自由に切り替えて、特定のマシンの問題を追跡できるようになりました。ログイン ステータスやアカウントを追跡するために Cookie を使用するサイトをいじりたい場合や、コードが不正な形式またはハッキングされた情報にどのように反応するかを確認したい場合にも、優れたツールです。

  10. Yellowpipe Lynx ビューア ツール - はい、あなたの考えはわかります、オオヤマネコ、誰がそれを必要としていますか、それは1994年です。ただし、Web アクセシビリティを考慮する必要があるサイト (スクリーン リーダーを使用する視覚障害のあるユーザーがアクセスできることを意味します) を開発している場合、または Web スパイダー/インデクサーがサイトをどのように「認識」しているかを把握する必要がある場合は、このツールは非常に貴重です。確かに、いつでも外に出てリンクスを自分で手に入れることはできますこれが私が使用しているWindows XPポートです.

他にも時々使用しているアドオンがいくつかありますので、簡単に説明します。FireFTP (インストールしたものは安定しておらず、新しいリリースは試していません)、Html Validator (これも不安定で、少なくとも 1 年前にインストールしたときは見つかりませんでした)、IE Tab (通常は IE とFireFox も同時に開きますが、これは私だけであり、このアドオンが便利だと感じている人は他にもたくさんいます)。

こちらもお勧めします ウェブ開発者 Chris Pederickによる拡張。

Web開発、特にJavaScriptに関して言えば、 ファイアバグ かけがえのないものになるように。 Web開発者ツールバー も非常に便利です。

まだ言及されていないのはこれです HTMLバリデーター 非常に便利だと感じた拡張機能。

@フラヴィオ・アミエイロ

MeasureIt は、Web Developer Toolbar をインストールする場合には不要な拡張機能です。Web Developer Toolbar には、機能の 1 つとしてルーラーが含まれています。下 "Miscellaneous「Web 開発者のカテゴリ」オプションをクリックします。Display Ruler" MeasureIt と同じ定規を使用します。

これにより、必要な拡張機能の数を少なくとも 1 つ減らすことができます。

Firefox アドオン:

  1. FireBug: Web 開発者とデザイナーがフロントエンド コードをテストおよび検査するのに役立ちます。これは、情報をログに記録するためのコンソール パネル、DOM インスペクター、ページ要素に関する詳細情報など、多くの便利な機能を提供します。

  2. Web Developer - CSS の電源を無効にしたり、CSS をオンザフライで編集したり、ページの特定の領域を測定したりすることができます。

  3. Colorzillaはアイコンをクリックして、16進色の色を知りたいエリアの上にホバリングして、クリックします。

  4. ウィンドウリサイザー今日の標準解像度でレイアウトが適切に表示されることを確認します。

  5. HTML、リンク、CSSをチェックし、さらに多くのことを行うことにより、Webサイトを検証するTotal Balidatorは、はるかに簡単になります。

ウェブ開発者 ウェブ開発用。 スクライブファイア あなたがブロガープロガマーなら

Web開発には、 Web 開発者ツールバー, CSSビューア そして 測ってみよう.

しかし、実際のところ、私は何千もの拡張機能を使って何でもできるような人間ではありません。私は物事をシンプルにするのが好きです。

編集：おかげで ダンの答え もうMeasureItは必要ありません。今まで見たことがないなんて信じられない！この WebDeveloper ツールバーにもっと注意を払う必要があると思います。

みんなのリストに追加すると、 データの改ざん これは非常に便利で、リクエストをインターセプトし、リクエスト内のデータを変更できます。これを使用すると、JavaScript 検証をバイパスし、サーバー側が正常に動作しているかどうかを確認できます。

私が使う ウェブ開発者, 、リアルタイムの時間の節約になります。

  • +1 の場合 ロリ (「リクエスト情報の寿命」)。これは、特定の Web ページの読み込み時間の大まかな測定、つまり外部のストップウォッチを使用する場合に非常に便利な代替手段です。

  • 新しいタブのホームページ. 。「スピード ダイヤル」タイプのホームページ (頻繁に使用するリンクを高速で読み込む個人用ページ) と組み合わせると、新しいブラウザー タブを開いたときに、目的地にすばやく到達できるようになります。

  • 最後のタブ. 。Windows での Alt+Tab の動作と同じように、Ctrl+Tab を繰り返し押すことで、最近使用したタブ間を行き来できるように Ctrl+Tab の動作を変更します。また、Ctrl キーを押したままにすると、開いているすべてのタブがわかりやすく表示され、ナビゲーションが容易になります。(結果の動作は、Visual Studio の最近のリリースの Ctrl+Tab の動作に非常に似ています。)

FireFTP 必要なファイルを取得/アップロードするのに適しています。

Hackbar は非常に便利だと思います。URL のクエリ文字列部分を編集する場合、脆弱性をテストする場合、または複雑なクエリ文字列値が必要になる可能性があるその他の一般的なテストを行う場合に、非常に便利です。

DOM インスペクターを学んでいましたが、Firebug に切り替えました。

上記で見逃したものの一部はここにあります

  • ロード時間アナライザー – Firefox での Web ページの読み込み時間の詳細なグラフを表示します。グラフには、ページリクエスト、画像の読み込み時間などのイベントが表示されます。

  • ポスター – Web 開発者が Web サービスやその他の Web リソースと対話できるようにする必須のツール。

  • ツチブタ – Web 開発者やデザイナー向けのクールな拡張機能により、ページ要素を個別に強調表示することで CSS 属性、ID、クラスを表示できるようになります。

バイオリン弾き は本当に優れたデバッグ プロキシです。これは、Firebug の「Net」パネルまたは Live HTTP ヘッダーのより強力なバージョンと考えてください。

以前は IE 専用の拡張機能でしたが、現在は Firefox にもフックされています。

対地速度, 、サーバー側のコードをテストするのに役立ちます。これは侵入テスト中の入力検証テスト用に作成されましたが、(TamperData と同様に) 入力の操作が必要なあらゆるテストにも役立ちます。

ページ内のフォーム要素を制御でき、そのタイプやその他の属性 (サイズ、長さ、JavaScript イベント ハンドラーなど) を変更できます。したがって、たとえば、非表示フィールドまたは選択をテキストボックスに変更し、任意の値を入力してサーバーの応答などをテストできます。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top