Partage de technologie

Explication détaillée de l'utilisation de Fiddler : outils de débogage et d'analyse du réseau (tests d'interface, débogage de points d'arrêt, tests de réseau faible)

2024-07-12

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


Résumé

Fiddler est un puissant outil de débogage réseau capable d'enregistrer, d'inspecter, de modifier et de renvoyer tout le trafic HTTP/HTTPS transitant par l'ordinateur. Cet article présentera en détail les compétences d'installation, de configuration et d'utilisation de Fiddler pour aider les développeurs et les testeurs à mieux comprendre les demandes et les réponses du réseau.

1. Introduction à Fiddler

Fiddler est un outil de débogage réseau gratuit développé par Telerik et largement utilisé dans le domaine du développement et des tests Web.

2. Principales fonctions de Fiddler

  • Capturez tout le trafic HTTP/HTTPS des clients et des serveurs.
  • Modifier les données de demande et de réponse.
  • Prise en charge du débogage des points d'arrêt.
  • Gestion des sessions de support.
  • Prise en charge des tests de performances.
  • Prend en charge les extensions de script.

3. Installez et configurez Fiddler

3.1 Installer Fiddler

accéderSite officiel de TelerikTéléchargez la dernière version de Fiddler et suivez les instructions pour terminer l'installation.

3.2 Configurer Fiddler

  • Définissez le type de trafic capturé par Fiddler.
  • Configurez les options de décodage telles que le jeu de caractères, la décompression automatique, etc.
  • Configurez le déchiffrement HTTPS et capturez le trafic HTTPS.

4. Utilisez Fiddler pour capturer les requêtes réseau

4.1 Démarrer Fiddler

Ouvrez Fiddler et il commencera automatiquement à capturer tout le trafic HTTP/HTTPS passant par votre ordinateur.

4.2 Afficher les séances

Dans l'interface principale de Fiddler, vous pouvez voir toutes les demandes et réponses réseau capturées, classées par ordre chronologique.

4.3 Filtrer les sessions

Utilisez les filtres de la barre d'outils pour filtrer rapidement des types spécifiques de conversations, par exemple en affichant uniquement les demandes d'images, les demandes d'erreur, etc.

5. Modifier et déboguer les requêtes réseau

5.1 Demande de modification

Cliquez avec le bouton droit sur la ligne de demande et sélectionnez « Modifier » pour modifier l'URL, la méthode, les informations d'en-tête ou le corps de la demande.

5.2 Définir des points d'arrêt

Cliquez avec le bouton droit sur la ligne de demande, sélectionnez « Points d'arrêt », définissez un point d'arrêt et Fiddler fera une pause avant l'envoi de la demande.

5.3 Renvoyer la demande

Faites un clic droit sur la ligne de la demande et sélectionnez « Renvoyer » pour modifier les paramètres et renvoyer la demande.

6. Capture et décryptage du trafic HTTPS

6.1 Configurer le décryptage HTTPS

Dans « Outils » > « Options » > « HTTPS » de Fiddler, cochez « Capturer les connexions HTTPS » et « Décrypter le trafic HTTPS ».

6.2 Certificat racine Trust Fiddler

Installez et faites confiance au certificat racine de Fiddler afin de capturer le trafic HTTPS.

7. Utilisez Fiddler pour les tests de performances

Utilisez la vue « Chronologie » de Fiddler pour analyser le temps de réponse des requêtes réseau et identifier les goulots d'étranglement des performances.

8. Extension de script violoniste

Grâce à la fonction de script de Fiddler, vous pouvez implémenter des tests automatisés, une logique de traitement personnalisée, etc.

9. Foire aux questions et solutions

  • Comment résoudre le problème selon lequel Fiddler ne peut pas capturer certains trafics ?
  • Comment configurer le proxy Fiddler pour une utilisation sur les appareils mobiles ?

10. Résumé

Fiddler est un outil de débogage réseau puissant et facile à utiliser. Grâce à l'introduction détaillée de cet article, j'espère que les lecteurs pourront maîtriser l'utilisation de base de Fiddler et utiliser ses puissantes fonctions dans des travaux pratiques.

11. Références

  • Documentation officielle du violoniste
  • Dépôt GitHub Fiddler
  • L'utilisation de Fiddler pour les tests d'interface est une pratique courante car elle offre la possibilité de capturer, d'inspecter, de modifier et de renvoyer des requêtes HTTP/HTTPS. Voici les étapes de base pour utiliser Fiddler pour les tests d’interface :

Fiddler pour les tests d'interface

1. Démarrez Fiddler

Tout d’abord, démarrez l’outil Fiddler. Fiddler écoute le port 8888 par défaut et peut être transmisTools > Options > Connectionspour confirmer ou modifier.

2. Configurer l'agent système

Assurez-vous que les paramètres de proxy de votre système d'exploitation ou de votre application pointent vers Fiddler. Généralement défini sur :

  • Http proxy:127.0.0.1
  • port:8888

3. Capturer les requêtes d'interface

Lancez une demande d'interface dans un navigateur ou un autre client. La demande sera capturée par Fiddler et affichée sur l'interface principale de Fiddler.

4. Vérifiez la demande et la réponse

  • Détails de la demande: sélectionnez une session et affichez laInspectors > Request, les informations détaillées de la demande sont affichées ici, y compris la méthode HTTP, l'URL, l'en-tête de la demande, le corps de la demande, etc.
  • Détails de la réponse: Dans la même session, visualisezInspectors > Response, la réponse du serveur est affichée ici, y compris le code d'état, l'en-tête de réponse, le corps de la réponse, etc.

5. Demande de modification

Si vous devez tester différents paramètres de requête ou informations d'en-tête, vous pouvez sélectionner la session, puisRequest Modifiez le contenu correspondant dans la page à onglet.Après modification, vous pouvez utiliser le menu contextuelResendpour renvoyer la demande.

6. Modifier la réponse

Dans certains scénarios de test, vous devrez peut-être simuler les réponses du serveur.admissibleResponseModifiez le contenu de la réponse dans la page à onglet et passezResendRenvoyez la réponse modifiée au client.

7. Utilisez des points d'arrêt

Fiddler vous permet de définir des points d'arrêt pendant la phase de demande ou de réponse.Sélectionnez la séance et cliquezBreak on RequestouBreak on Response bouton. Fiddler suspend l'exécution au fur et à mesure du passage d'une requête ou d'une réponse, vous permettant d'afficher ou de modifier la requête/réponse en temps réel.

8. Décryptage de la demande HTTPS

Si l'interface est HTTPS, assurez-vous que leTools > Options > HTTPSvérifiéCapture HTTPS CONNECTsetDecrypt HTTPS traffic . Dans le même temps, assurez-vous que le client fait confiance au certificat racine de Fiddler.

9. Enregistrez et partagez des conversations

Vous pouvez enregistrer des sessions spécifiques pour des tests ultérieurs ou les partager avec d'autres.Faites un clic droit sur la session et sélectionnezSave > Selected Sessions… Et sélectionnez un format et un emplacement de sauvegarde.

10. Automatisation des scripts

Fiddler prend en charge les tests automatisés à l'aide de scripts.passerQuickExecouCustomize Rules, vous pouvez écrire des scripts pour gérer automatiquement les sessions.

11. Tests de performances

Utiliser un violonTimelineFonction, vous pouvez effectuer une analyse des performances sur les demandes d'interface et afficher les temps de demande et de réponse.

12. Nettoyage après la fin du test

Une fois le test terminé, n'oubliez pas de désactiver le proxy Fiddler dans les paramètres du proxy pour éviter d'affecter l'accès normal au réseau.

L'utilisation de Fiddler pour les tests d'interface peut considérablement améliorer l'efficacité des tests, aidant les développeurs à localiser rapidement les problèmes et à optimiser les performances de l'interface. Pensez à profiter pleinement des différentes fonctionnalités et options proposées par Fiddler lors de son utilisation.

Le débogage des points d'arrêt avec Fiddler est une fonctionnalité très utile qui vous permet de modifier la requête ou la réponse en suspendant la requête avant qu'elle ne soit envoyée au serveur ou avant que la réponse ne soit renvoyée. Voici les étapes de débogage des points d'arrêt à l'aide de Fiddler :

1. Démarrez Fiddler

Tout d’abord, assurez-vous que l’outil Fiddler est démarré.

2. Définir des points d'arrêt

Dans Fiddler, les points d'arrêt peuvent être définis des manières suivantes :

  • demander un point d'arrêt:existerRules > Automatic BreakpointsVérifierBefore requests
  • Répondre aux points d'arrêt:existerRules > Automatic BreakpointsVérifierAfter responses
  • Définir les points d'arrêt manuellement: Cliquez avec le bouton droit sur une session dans la liste des sessions et sélectionnezBreakpoints > set URL, saisissez une URL spécifique ou utilisez des caractères génériques.

3. Configurer l'agent système

Assurez-vous que les paramètres proxy de votre navigateur ou de votre application pointent vers Fiddler afin que le trafic puisse être capturé.

4. Envoyez une demande

Envoyez la demande dans le navigateur ou l'application. Si un point d'arrêt est défini, la demande sera mise en pause avant l'envoi ou avant le retour.

5. Vérifier et modifier les demandes

Après avoir demandé une pause, vous pouvezInspectors > RequestAfficher et modifier les détails de la demande, notamment :

  • Méthode HTTP
  • URL
  • En-tête de requête
  • Corps de la demande

6. Vérifiez et modifiez les réponses

Si un point d'arrêt réactif est défini, vous pouvezInspectors > ResponseAfficher et modifier les détails de la réponse, notamment :

  • code d'état
  • en-tête de réponse
  • corps de réponse

7. Poursuivre l'exécution

Après avoir modifié la demande ou la réponse, cliquez sur la barre d'outilsRun(ou appuyez sur la touche F10) et Fiddler continuera à exécuter la demande ou la réponse.

8. Renvoyer la demande modifiée

Si vous le souhaitez, vous pouvez cliquer avec le bouton droit sur la session et sélectionnerResendpour envoyer la demande modifiée.

9. Désactiver les points d'arrêt

Après avoir terminé le débogage, n'oubliez pas deRules > Automatic BreakpointsDécochez l'option de point d'arrêt correspondante pour éviter de créer un point d'arrêt sur toutes les requêtes.

10. Exécuter le script à l'aide de la commande

Fiddler permet l'utilisation deExecute JavaScriptouExecute C#commande pour exécuter un script, qui peut effectuer automatiquement certaines actions lorsqu'une demande ou une réponse est suspendue.

11. Utiliser FiddlerScript

FiddlerScript vous permet d'écrire du code JavaScript qui sera exécuté lors du traitement de chaque session et pourra être utilisé pour modifier la demande ou la réponse.

12. Enregistrez et partagez les résultats du débogage

Vous pouvez enregistrer vos sessions de débogage ou les exporter sous forme de rapports HTML pour les partager ou les archiver.

13. Précautions

  • Lors du débogage avec des points d'arrêt, assurez-vous de ne pas modifier les informations sensibles telles que les jetons d'authentification ou les informations personnelles.
  • Le débogage des points d'arrêt peut avoir un impact sur les performances des requêtes réseau car il suspend l'envoi des requêtes ou la réception des réponses.

En utilisant la fonction de débogage des points d'arrêt de Fiddler, vous pouvez avoir une compréhension et un contrôle plus approfondis du processus de requêtes réseau, ce qui est très utile pour les travaux de développement et de test.


Fiddler fournit la fonction de simulation d'un environnement réseau faible, ce qui peut aider à tester les performances des applications dans différentes conditions de réseau. Voici les étapes à suivre pour utiliser Fiddler pour effectuer des tests de réseau faible :

1. Démarrez Fiddler

Tout d’abord, ouvrez l’outil Fiddler. Assurez-vous que Fiddler est en cours d'exécution car il capturera tout le trafic passant par le proxy.

2. Configurer un proxy

Assurez-vous que votre navigateur ou votre application est configuré pour utiliser un proxy via Fiddler. Généralement défini sur :

  • Http proxy:127.0.0.1
  • port:8888

3. Entrez les paramètres de simulation

Dans Fiddler, cliquez sur Rules menu et sélectionnezPerformance > Simulate Modem Speeds

4. Activer la simulation

Dans la boîte de dialogue contextuelle, cochez Simulate low bandwidth etSimulate high latency choix. Cela simulera un environnement réseau à faible bande passante et à latence élevée.

5. Configurer les paramètres de simulation

  • Débit binaire: Définissez la vitesse de téléchargement (bits par seconde).
  • Latence:Réglez le temps de retard (millisecondes).
  • Perte de paquets: Définissez le taux de perte de paquets (pourcentage).

Une fois le réglage terminé, cliquez sur OK Enregistrer les paramètres.

6. Testez-le

Désormais, lorsque vous effectuez une demande via un navigateur ou une application, Fiddler simule les conditions réseau spécifiées.

7. Résultats des observations

Observez les performances de l'application dans un environnement réseau faible et vérifiez le temps de chargement, la vitesse de réponse, etc.

8. Ajuster les paramètres

Ajustez les paramètres réseau simulés selon vos besoins pour tester les performances des applications dans différentes conditions de réseau.

9. Désactiver la simulation

Une fois le test terminé, vous pouvez Rules > Performance DécochezSimulate Modem Speeds, pour restaurer la vitesse normale du réseau.

10. Analyse et enregistrement

Enregistrez les résultats des tests, analysez et optimisez en fonction des problèmes observés.

En utilisant la fonction de simulation de réseau faible de Fiddler, vous pouvez évaluer le comportement de votre application dans différentes conditions de réseau pendant les phases de développement et de test, optimisant ainsi l'expérience utilisateur.