技術共有

Fiddler の使用法の詳細な説明: ネットワーク デバッグおよび分析ツール (インターフェイス テスト、ブレークポイント デバッグ、弱いネットワーク テスト)

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina


まとめ

Fiddler は、コンピューターを通過するすべての HTTP/HTTPS トラフィックを記録、検査、変更、再送信できる強力なネットワーク デバッグ ツールです。この記事では、開発者とテスターがネットワークの要求と応答をよりよく理解できるように、Fiddler のインストール、構成、使用スキルを詳しく紹介します。

1. フィドラーの紹介

Fiddler は、Telerik によって開発された無料のネットワーク デバッグ ツールで、Web 開発およびテストの分野で広く使用されています。

2. Fiddler の主な機能

  • すべてのクライアントとサーバーの HTTP/HTTPS トラフィックをキャプチャします。
  • リクエストとレスポンスのデータを変更します。
  • ブレークポイントのデバッグをサポートします。
  • セッション管理をサポートします。
  • パフォーマンステストをサポートします。
  • スクリプト拡張機能をサポートします。

3. Fiddler をインストールして構成する

3.1 フィドラーのインストール

アクセステレリック公式サイトFiddler の最新バージョンをダウンロードし、プロンプトに従ってインストールを完了します。

3.2 フィドラーの設定

  • Fiddler によってキャプチャされるトラフィックの種類を設定します。
  • 文字セット、自動解凍などのデコード オプションを構成します。
  • HTTPS 復号化を構成し、HTTPS トラフィックをキャプチャします。

4. Fiddler を使用してネットワーク要求をキャプチャする

4.1 バイオリン弾きの起動

Fiddler を開くと、コンピューターを通過するすべての HTTP/HTTPS トラフィックのキャプチャが自動的に開始されます。

4.2 セッションの表示

Fiddler のメイン インターフェイスでは、キャプチャされたすべてのネットワーク リクエストとレスポンスを時系列に並べて表示できます。

4.3 セッションのフィルタリング

ツールバーのフィルターを使用すると、画像リクエストやエラー リクエストのみを表示するなど、特定の種類の会話をすばやくフィルターできます。

5. ネットワークリクエストの編集とデバッグ

5.1 変更リクエスト

リクエスト行を右クリックし、「編集」を選択して、リクエストの URL、メソッド、ヘッダー情報、または本文を変更します。

5.2 ブレークポイントの設定

リクエスト行を右クリックし、「ブレークポイント」を選択してブレークポイントを設定すると、リクエストが送信される前に Fiddler が一時停止します。

5.3 再送信リクエスト

リクエスト行を右クリックし、「再送信」を選択してパラメータを変更し、リクエストを再送信します。

6. HTTPS トラフィックのキャプチャと復号化

6.1 HTTPS 復号化の構成

Fiddler の [ツール] > [オプション] > [HTTPS] で、[HTTPS CONNECT のキャプチャ] と [HTTPS トラフィックの復号化] にチェックを入れます。

6.2 Fiddler ルート証明書を信頼する

HTTPS トラフィックをキャプチャするには、Fiddler のルート証明書をインストールして信頼します。

7. パフォーマンス テストに Fiddler を使用する

Fiddler の「タイムライン」ビューを使用して、ネットワーク要求の応答時間を分析し、パフォーマンスのボトルネックを特定します。

8. Fiddler スクリプト拡張機能

Fiddler のスクリプト機能を使用すると、自動テストやカスタマイズされた処理ロジックなどを実装できます。

9. よくある質問と解決策

  • Fiddler が特定のトラフィックをキャプチャできない問題を解決するにはどうすればよいですか?
  • モバイル デバイスで使用するために Fiddler プロキシを構成するにはどうすればよいですか?

10. まとめ

Fiddler は、強力で使いやすいネットワーク デバッグ ツールです。この記事の詳細な紹介を通じて、読者が Fiddler の基本的な使い方をマスターし、その強力な機能を実際の業務で使用できるようになることを願っています。

11. 参考文献

  • フィドラーの公式ドキュメント
  • Fiddler GitHub リポジトリ
  • Fiddler を使用すると、HTTP/HTTPS リクエストをキャプチャ、検査、変更、再送信できるため、インターフェイスのテストに Fiddler を使用するのが一般的です。インターフェイス テストに Fiddler を使用する基本的な手順は次のとおりです。

インターフェーステスト用のフィドラー

1. バイオリン弾きを起動する

まず、Fiddler ツールを起動します。 Fiddler はデフォルトでポート 8888 をリッスンし、ポート 8888 を渡すことができます。Tools > Options > Connections確認または変更します。

2. システムエージェントの設定

オペレーティング システムまたはアプリケーション固有のプロキシ設定が Fiddler を指していることを確認してください。通常は次のように設定されます。

  • HTTPプロキシ:127.0.0.1
  • ポート:8888

3. インターフェイスリクエストをキャプチャする

ブラウザまたは他のクライアントでインターフェイス要求を開始します。リクエストは Fiddler によってキャプチャされ、Fiddler のメイン インターフェイスに表示されます。

4. リクエストとレスポンスを確認する

  • リクエストの詳細: セッションを選択して、Inspectors > Request, HTTP メソッド、URL、リクエスト ヘッダー、リクエスト本文など、リクエストの詳細情報がここに表示されます。
  • 回答の詳細: 同じセッション内で、ビューInspectors > Response、ステータス コード、応答ヘッダー、応答本文などを含むサーバーの応答がここに表示されます。

5. 修正依頼

さまざまなリクエスト パラメーターまたはヘッダー情報をテストする必要がある場合は、セッションを選択してから、Requestタブページの対応する内容を変更します。変更後は、右クリックメニューが使用できるようになりますResendリクエストを再送信します。

6. 応答を変更する

一部のテスト シナリオでは、サーバーの応答をシミュレートする必要がある場合があります。許容できるResponseタブページの応答内容を変更して渡すResend変更した応答をクライアントに再送信します。

7. ブレークポイントを使用する

Fiddler を使用すると、要求フェーズまたは応答フェーズ中にブレークポイントを設定できます。セッションを選択してクリックしますBreak on RequestまたはBreak on Responseボタン。 Fiddler は、リクエストまたはレスポンスが通過するときに実行を一時停止し、リクエスト/レスポンスをリアルタイムで表示または変更できるようにします。

8. HTTPSリクエストの復号化

インターフェイスが HTTPS である場合は、Tools > Options > HTTPSチェック済みCapture HTTPS CONNECTsそしてDecrypt HTTPS traffic 。同時に、クライアントが Fiddler のルート証明書を信頼していることを確認してください。

9. 会話を保存して共有する

特定のセッションを後でテストするために保存したり、他の人と共有したりできます。セッションを右クリックして選択しますSave > Selected Sessions…保存形式と場所を選択します。

10. スクリプトの自動化

Fiddler は、スクリプトを使用した自動テストをサポートしています。合格QuickExecまたはCustomize Rules、セッションを自動的に処理するスクリプトを作成できます。

11. パフォーマンステスト

フィドラーの使用Timelineこの機能を使用すると、インターフェイス要求のパフォーマンス分析を実行し、要求時間と応答時間を表示できます。

12. テスト完了後のクリーンアップ

テストが完了したら、通常のネットワーク アクセスへの影響を避けるために、プロキシ設定で Fiddler プロキシを忘れずにオフにしてください。

インターフェイス テストに Fiddler を使用すると、テストの効率が大幅に向上し、開発者が問題を迅速に特定してインターフェイスのパフォーマンスを最適化できるようになります。使用中は、Fiddler が提供するさまざまな機能とオプションを最大限に活用することを忘れないでください。

Fiddler を使用したブレークポイント デバッグは、サーバーに送信される前、または応答が返される前に要求を一時停止することで、要求または応答を変更できる非常に便利な機能です。 Fiddler を使用したブレークポイント デバッグの手順は次のとおりです。

1. バイオリン弾きを起動する

まず、Fiddler ツールが起動していることを確認します。

2. ブレークポイントを設定する

Fiddler では、次の方法でブレークポイントを設定できます。

  • ブレークポイントのリクエスト:存在するRules > Automatic BreakpointsチェックBefore requests
  • ブレークポイントに応答する:存在するRules > Automatic BreakpointsチェックAfter responses
  • ブレークポイントを手動で設定する: セッションリストでセッションを右クリックし、Breakpoints > set URL、特定の URL を入力するか、ワイルドカードを使用します。

3. システムエージェントの設定

トラフィックをキャプチャできるように、ブラウザまたはアプリケーションのプロキシ設定が Fiddler を指していることを確認してください。

4. リクエストを送信する

ブラウザまたはアプリケーションでリクエストを送信します。ブレークポイントが設定されている場合、リクエストは送信前または返される前に一時停止されます。

5. リクエストの確認と変更

一時停止をリクエストした後、次のことができます。Inspectors > Request以下を含むリクエストの詳細を表示および変更します。

  • HTTPメソッド
  • メールアドレス
  • リクエストヘッダー
  • リクエストボディ

6. 応答の確認と修正

レスポンシブ ブレークポイントが設定されている場合は、次のことができます。Inspectors > Response以下を含む応答の詳細を表示および変更します。

  • ステータスコード
  • 応答ヘッダー
  • レスポンスボディ

7. 実行を継続する

リクエストまたはレスポンスを変更した後、ツールバーの をクリックします。Runボタンを押すと (または F10 キーを押すと)、Fiddler はリクエストまたは応答の実行を続行します。

8. 変更したリクエストを再送信します

必要に応じて、セッションを右クリックして、Resend変更されたリクエストを送信します。

9. ブレークポイントを無効にする

デバッグが完了したら、次のことを忘れないでください。Rules > Automatic Breakpointsすべてのリクエストのブレークポイントを回避するには、対応するブレークポイント オプションのチェックを外します。

10. コマンドを使用してスクリプトを実行する

Fiddler では次の使用が許可されますExecute JavaScriptまたはExecute C#コマンドを使用してスクリプトを実行すると、リクエストまたはレスポンスが一時停止されたときにいくつかのアクションを自動的に実行できます。

11. FiddlerScript の使用

FiddlerScript を使用すると、各セッションの処理時に実行され、要求または応答の変更に使用できる JavaScript コードを作成できます。

12. デバッグ結果の保存と共有

デバッグ セッションを保存したり、共有やアーカイブのために HTML レポートとしてエクスポートしたりできます。

13. 注意事項

  • ブレークポイントを使用してデバッグする場合は、認証トークンや個人情報などの機密情報を変更しないように注意してください。
  • ブレークポイント デバッグは、要求の送信または応答の受信を一時停止するため、ネットワーク リクエストのパフォーマンスに影響を与える可能性があります。

Fiddler のブレークポイント デバッグ機能を使用すると、ネットワーク リクエストのプロセスをより深く理解して制御できるため、開発やテストの作業に非常に役立ちます。


Fiddler は、脆弱なネットワーク環境をシミュレートする機能を提供し、さまざまなネットワーク条件下でアプリケーションのパフォーマンスをテストするのに役立ちます。 Fiddler を使用して弱いネットワーク テストを実行する手順は次のとおりです。

1. バイオリン弾きを起動する

まず、Fiddler ツールを開きます。 Fiddler はプロキシを通過するすべてのトラフィックをキャプチャするため、実行されていることを確認してください。

2.プロキシを設定する

ブラウザまたはアプリケーションが Fiddler を介してプロキシするように設定されていることを確認してください。通常は次のように設定されます。

  • HTTPプロキシ:127.0.0.1
  • ポート:8888

3. シミュレーション設定を入力します

Fiddler で、 Rules メニューを選択してPerformance > Simulate Modem Speeds

4. シミュレーションを有効にする

ポップアップダイアログボックスでチェックを入れます Simulate low bandwidth そしてSimulate high latency オプション。これにより、低帯域幅と高遅延のネットワーク環境がシミュレートされます。

5. シミュレーションパラメータを設定する

  • ビットレート:ダウンロード速度(ビット/秒)を設定します。
  • レイテンシー:遅延時間(ミリ秒)を設定します。
  • パケットロス:パケットロス率(パーセント)を設定します。

設定が完了したら、 をクリックします OK 設定を保存する。

6. テストしてみる

ブラウザまたはアプリケーションを通じてリクエストを行うと、Fiddler は指定されたネットワーク条件をシミュレートします。

7. 観測結果

弱いネットワーク環境でアプリケーションのパフォーマンスを観察し、読み込み時間や応答速度などを確認します。

8.パラメータを調整する

必要に応じてシミュレートされたネットワーク パラメーターを調整し、さまざまなネットワーク条件下でアプリケーションのパフォーマンスをテストします。

9. シミュレーションを無効にする

テストが完了したら、次のことができます。 Rules > Performance チェックを外しますSimulate Modem Speeds、通常のネットワーク速度を復元します。

10. 分析と記録

テスト結果を記録し、観察された問題に基づいて分析および最適化します。

Fiddler の弱いネットワーク シミュレーション機能を使用すると、開発段階とテスト段階でさまざまなネットワーク条件下でアプリケーションの動作を評価でき、ユーザー エクスペリエンスを最適化できます。