Condivisione della tecnologia

Spiegazione dettagliata dell'utilizzo di Fiddler: strumenti di debug e analisi della rete (test dell'interfaccia, debug dei punti di interruzione, test della rete debole)

2024-07-12

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


Riepilogo

Fiddler è un potente strumento di debug di rete in grado di registrare, ispezionare, modificare e inviare nuovamente tutto il traffico HTTP/HTTPS che passa attraverso il computer. Questo articolo introdurrà in dettaglio le competenze di installazione, configurazione e utilizzo di Fiddler per aiutare sviluppatori e tester a comprendere meglio le richieste e le risposte della rete.

1. Introduzione a Fiddler

Fiddler è uno strumento di debug di rete gratuito sviluppato da Telerik ed è ampiamente utilizzato nel campo dello sviluppo e dei test web.

2. Principali funzioni di Fiddler

  • Cattura tutto il traffico HTTP/HTTPS di client e server.
  • Modificare i dati di richiesta e risposta.
  • Supporta il debug dei punti di interruzione.
  • Supportare la gestione delle sessioni.
  • Supportare i test delle prestazioni.
  • Supporta le estensioni degli script.

3. Installa e configura Fiddler

3.1 Installa Fiddler

accessoSito ufficiale di TelerikScarica l'ultima versione di Fiddler e segui le istruzioni per completare l'installazione.

3.2 Configura Fiddler

  • Imposta il tipo di traffico catturato da Fiddler.
  • Configura le opzioni di decodifica come set di caratteri, decompressione automatica, ecc.
  • Configura la decrittografia HTTPS e acquisisci il traffico HTTPS.

4. Utilizza Fiddler per acquisire le richieste di rete

4.1 Avvia Fiddler

Apri Fiddler e inizierà automaticamente a catturare tutto il traffico HTTP/HTTPS che passa attraverso il tuo computer.

4.2 Visualizzare le sessioni

Nell'interfaccia principale di Fiddler puoi vedere tutte le richieste e le risposte di rete acquisite, disposte in ordine cronologico.

4.3 Filtrare le sessioni

Utilizza i filtri sulla barra degli strumenti per filtrare rapidamente tipi specifici di conversazioni, ad esempio mostrando solo richieste di immagini, richieste di errore, ecc.

5. Modifica ed esegui il debug delle richieste di rete

5.1 Richiesta di modifica

Fare clic con il pulsante destro del mouse sulla riga della richiesta e selezionare "Modifica" per modificare l'URL, il metodo, le informazioni sull'intestazione o il corpo della richiesta.

5.2 Impostare i punti di interruzione

Fare clic con il pulsante destro del mouse sulla riga della richiesta, selezionare "Punti di interruzione", impostare un punto di interruzione e Fiddler si fermerà prima che la richiesta venga inviata.

5.3 Reinviare la richiesta

Fare clic con il tasto destro sulla riga della richiesta e selezionare "Rinvia" per modificare i parametri e inviare nuovamente la richiesta.

6. Acquisizione e decrittografia del traffico HTTPS

6.1 Configurare la decrittografia HTTPS

In "Strumenti" > "Opzioni" > "HTTPS" di Fiddler, seleziona "Acquisisci connessioni HTTPS" e "Decrittografa traffico HTTPS".

6.2 Certificato radice attendibile di Fiddler

Installa e considera attendibile il certificato root di Fiddler per acquisire il traffico HTTPS.

7. Utilizza Fiddler per testare le prestazioni

Utilizza la visualizzazione "Cronologia" di Fiddler per analizzare il tempo di risposta delle richieste di rete e identificare i colli di bottiglia delle prestazioni.

8. Estensione dello script Fiddler

Utilizzando la funzione di scripting di Fiddler, puoi implementare test automatizzati, logica di elaborazione personalizzata, ecc.

9. Domande e soluzioni frequenti

  • Come risolvere il problema che Fiddler non riesce a catturare un determinato traffico?
  • Come posso configurare il proxy Fiddler per l'utilizzo su dispositivi mobili?

10. Riepilogo

Fiddler è uno strumento di debug di rete potente e facile da usare. Attraverso l'introduzione dettagliata di questo articolo, spero che i lettori possano padroneggiare l'utilizzo di base di Fiddler e utilizzare le sue potenti funzioni nel lavoro pratico.

11. Riferimenti

  • Documentazione ufficiale di Fiddler
  • Repository GitHub di Fiddler
  • L'utilizzo di Fiddler per il test dell'interfaccia è una pratica comune poiché offre la possibilità di acquisire, ispezionare, modificare e inviare nuovamente richieste HTTP/HTTPS. Ecco i passaggi di base per utilizzare Fiddler per il test dell'interfaccia:

Fiddler per testare l'interfaccia

1. Avvia Fiddler

Innanzitutto, avvia lo strumento Fiddler. Fiddler ascolta la porta 8888 per impostazione predefinita e può essere passatoTools > Options > Connectionsper confermare o modificare.

2. Configurare l'agente di sistema

Assicurati che il tuo sistema operativo o le impostazioni proxy specifiche dell'applicazione puntino a Fiddler. Solitamente impostato su:

  • Proxy HTTP:127.0.0.1
  • porta:8888

3. Cattura le richieste di interfaccia

Avvia una richiesta di interfaccia in un browser o in un altro client. La richiesta verrà acquisita da Fiddler e visualizzata sull'interfaccia principale di Fiddler.

4. Controllare la richiesta e la risposta

  • Richiedi dettagli: selezionare una sessione e visualizzarlaInspectors > Request, qui vengono visualizzate le informazioni dettagliate della richiesta, inclusi metodo HTTP, URL, intestazione della richiesta, corpo della richiesta, ecc.
  • Dettagli della risposta: Nella stessa sessione, visualizzaInspectors > Response, la risposta del server viene visualizzata qui, incluso il codice di stato, l'intestazione della risposta, il corpo della risposta, ecc.

5. Richiesta di modifica

Se è necessario testare diversi parametri di richiesta o informazioni sull'intestazione, è possibile selezionare la sessione e quindiRequest Modificare il contenuto corrispondente nella scheda.Dopo la modifica, è possibile utilizzare il menu contestualeResendper inviare nuovamente la richiesta.

6. Modifica la risposta

In alcuni scenari di test potrebbe essere necessario simulare le risposte del server.ammissibileResponseModifica il contenuto della risposta nella scheda e passaResendInviare nuovamente la risposta modificata al client.

7. Usa i punti di interruzione

Fiddler ti consente di impostare punti di interruzione durante la fase di richiesta o risposta.Selezionare la sessione e fare clicBreak on RequestOBreak on Response pulsante. Fiddler sospende l'esecuzione mentre passa una richiesta o una risposta, consentendoti di visualizzare o modificare la richiesta/risposta in tempo reale.

8. Decrittografia della richiesta HTTPS

Se l'interfaccia è HTTPS, assicurati cheTools > Options > HTTPScontrollatoCapture HTTPS CONNECTsEDecrypt HTTPS traffic . Allo stesso tempo, assicurati che il client consideri attendibile il certificato radice di Fiddler.

9. Salva e condividi conversazioni

Puoi salvare sessioni specifiche per testarle successivamente o condividerle con altri.Fare clic con il tasto destro sulla sessione e selezionareSave > Selected Sessions…e seleziona un formato e una posizione di salvataggio.

10. Automazione degli script

Fiddler supporta i test automatizzati utilizzando gli script.passaggioQuickExecOCustomize Rules, puoi scrivere script per gestire automaticamente le sessioni.

11. Test delle prestazioni

Utilizzando FiddlerTimelineFunzione, è possibile eseguire analisi delle prestazioni sulle richieste di interfaccia e visualizzare i tempi di richiesta e risposta.

12. Pulizia dopo il completamento del test

Una volta completato il test, ricordati di disattivare il proxy Fiddler nelle impostazioni del proxy per evitare di influenzare il normale accesso alla rete.

L'utilizzo di Fiddler per i test dell'interfaccia può migliorare notevolmente l'efficienza dei test, aiutando gli sviluppatori a individuare rapidamente i problemi e ottimizzare le prestazioni dell'interfaccia. Ricordarsi di sfruttare appieno le varie funzionalità e opzioni fornite da Fiddler durante l'uso.

Il debug dei punti di interruzione con Fiddler è una funzionalità molto utile che consente di modificare la richiesta o la risposta mettendo in pausa la richiesta prima che venga inviata al server o prima che venga restituita la risposta. Ecco i passaggi per il debug dei punti di interruzione utilizzando Fiddler:

1. Avvia Fiddler

Innanzitutto, assicurati che lo strumento Fiddler sia avviato.

2. Impostare i punti di interruzione

In Fiddler, i punti di interruzione possono essere impostati nei seguenti modi:

  • richiedere il punto di interruzione:esistereRules > Automatic BreakpointsControlloBefore requests
  • Rispondere ai punti di interruzione:esistereRules > Automatic BreakpointsControlloAfter responses
  • Imposta manualmente i punti di interruzione: fare clic con il pulsante destro del mouse su una sessione nell'elenco delle sessioni e selezionareBreakpoints > set URL, inserisci un URL specifico o utilizza i caratteri jolly.

3. Configurare l'agente di sistema

Assicurati che le impostazioni proxy del tuo browser o dell'applicazione puntino a Fiddler in modo che il traffico possa essere catturato.

4. Invia una richiesta

Invia la richiesta nel browser o nell'applicazione. Se viene impostato un punto di interruzione, la richiesta verrà messa in pausa prima dell'invio o prima della restituzione.

5. Controllare e modificare le richieste

Dopo aver richiesto una pausa, puoi farloInspectors > RequestVisualizza e modifica i dettagli della richiesta, tra cui:

  • Metodo HTTP
  • Indirizzo URL
  • Intestazione della richiesta
  • Richiedi corpo

6. Controllare e modificare le risposte

Se è impostato un punto di interruzione reattivo, puoi farloInspectors > ResponseVisualizza e modifica i dettagli della risposta, tra cui:

  • codice di stato
  • intestazione della risposta
  • corpo della risposta

7. Continua l'esecuzione

Dopo aver modificato la richiesta o la risposta, fare clic su sulla barra degli strumentiRun(o premere il tasto F10) e Fiddler continuerà a eseguire la richiesta o la risposta.

8. Inviare nuovamente la richiesta modificata

Se lo si desidera, è possibile fare clic con il pulsante destro del mouse sulla sessione e selezionareResendper inviare la richiesta modificata.

9. Disabilitare i punti di interruzione

Dopo aver completato il debug, ricordati di farloRules > Automatic BreakpointsDeseleziona l'opzione del punto di interruzione corrispondente per evitare di eseguire il punto di interruzione su tutte le richieste.

10. Esegui lo script utilizzando il comando

Fiddler consente l'uso diExecute JavaScriptOExecute C#comando per eseguire uno script, che può eseguire automaticamente alcune azioni quando una richiesta o una risposta viene sospesa.

11. Utilizzo di FiddlerScript

FiddlerScript ti consente di scrivere codice JavaScript che verrà eseguito durante l'elaborazione di ogni sessione e può essere utilizzato per modificare la richiesta o la risposta.

12. Salva e condividi i risultati del debug

Puoi salvare le sessioni di debug o esportarle come report HTML per la condivisione o l'archiviazione.

13. Precauzioni

  • Durante il debug con punti di interruzione, assicurati di non modificare informazioni riservate come token di autenticazione o informazioni personali.
  • Il debug dei punti di interruzione può influire sulle prestazioni delle richieste di rete perché sospende l'invio delle richieste o la ricezione delle risposte.

Utilizzando la funzione di debug dei punti di interruzione di Fiddler, puoi avere una comprensione e un controllo più profondi del processo delle richieste di rete, il che è molto utile per il lavoro di sviluppo e test.


Fiddler fornisce la funzione di simulazione di un ambiente di rete debole, che può aiutare a testare le prestazioni delle applicazioni in diverse condizioni di rete. Di seguito sono riportati i passaggi per utilizzare Fiddler per eseguire test di rete deboli:

1. Avvia Fiddler

Innanzitutto, apri lo strumento Fiddler. Assicurati che Fiddler sia in esecuzione poiché catturerà tutto il traffico che passa attraverso il proxy.

2. Configura il proxy

Assicurati che il tuo browser o la tua applicazione siano configurati per il proxy tramite Fiddler. Solitamente impostato su:

  • Proxy HTTP:127.0.0.1
  • porta:8888

3. Immettere le impostazioni di simulazione

In Fiddler, fare clic Rules menu e selezionarePerformance > Simulate Modem Speeds

4. Abilita la simulazione

Nella finestra di dialogo pop-up, seleziona Simulate low bandwidth ESimulate high latency opzioni. Ciò simulerà un ambiente di rete con larghezza di banda ridotta e latenza elevata.

5. Configurare i parametri di simulazione

  • Velocità in bit: imposta la velocità di download (bit al secondo).
  • Latenza:Imposta il tempo di ritardo (millisecondi).
  • Perdita di pacchetti: imposta il tasso di perdita dei pacchetti (percentuale).

Una volta completata l'impostazione, fare clic su OK Salva le impostazioni.

6. Provalo

Ora, quando effettui una richiesta tramite un browser o un'applicazione, Fiddler simulerà le condizioni di rete specificate.

7. Risultati dell'osservazione

Osserva le prestazioni dell'applicazione in un ambiente di rete debole e controlla il tempo di caricamento, la velocità di risposta, ecc.

8. Regolare i parametri

Regola i parametri di rete simulati secondo necessità per testare le prestazioni dell'applicazione in diverse condizioni di rete.

9. Disabilita la simulazione

Una volta completato il test, puoi farlo Rules > Performance DeselezionaSimulate Modem Speeds, per ripristinare la normale velocità della rete.

10. Analisi e registrazione

Registra i risultati dei test e analizza e ottimizza in base ai problemi osservati.

Utilizzando la funzione di simulazione della rete debole di Fiddler, puoi valutare il comportamento della tua applicazione in diverse condizioni di rete durante le fasi di sviluppo e test, ottimizzando così l'esperienza dell'utente.