Så här samlar du in en nätverksspårning

Om du stöter på ett problem kan en nätverksspårning ibland ge mycket användbar information. Den här guiden visar alternativen för att samla in en nätverksspårning.

Varning

En nätverksspårning innehåller det fullständiga innehållet i varje meddelande som skickas av din app. Publicera aldrig råa nätverksspårningar från produktionsappar till offentliga forum som GitHub.

Samla in en nätverksspårning med Fiddler

Fiddler är ett kraftfullt verktyg för att samla in HTTP-spårningar. Installera den från telerik.com/fiddler, starta den och kör sedan appen och återskapa problemet. Fiddler är tillgängligt för Windows, macOS och Linux.

Om du ansluter med HTTPS finns det några extra steg för att se till att Fiddler kan dekryptera HTTPS-trafiken. Mer information finns i Fiddler-dokumentationen.

När du har samlat in spårningen kan du exportera spårningen genom att välja Spara>>alla sessioner i menyraden.

Samla in en nätverksspårning med tcpdump (endast macOS och Linux)

Den här metoden fungerar för alla appar.

Du kan samla in råa TCP-spårningar (Transmission Control Protocol) med hjälp av tcpdump genom att köra följande kommando från ett kommandogränssnitt. Du måste vara root eller prefixa kommandot med sudo om du får ett behörighetsfel:

tcpdump -i [interface] -w trace.pcap

Ersätt [interface] med det nätverksgränssnitt som du vill avbilda på. Detta är vanligtvis något i stil /dev/eth0 med (för ditt vanliga Ethernet-gränssnitt) eller /dev/lo0 (för localhost-trafik). Mer information finns på tcpdump sidan man i värdsystemet.

man tcpdump

Samla in en nätverksspårning i webbläsaren (endast webbläsarbaserade appar)

De flesta utvecklarverktyg för webbläsare har en nätverksflik där du kan fånga nätverksaktivitet mellan webbläsaren och servern.

Kommentar

Om de problem du undersöker kräver att flera begäranden återskapas väljer du alternativet Bevara logg med Microsoft Edge, Google Chrome och Safari. För Mozilla Firefox väljer du alternativet Spara loggar .

Microsoft Edge (Chromium)

Följ dessa steg för att samla in en detaljerad nätverksspårning med hjälp av webbläsarens DevTools:

1. Öppna DevTools:

   • Välj F12
   • Välj Ctrl+I+Shift(Windows/Linux) eller Command+Option+I (macOS)
   • Välj Settings and more och sedan More Tools > Developer Tools

2. Välj fliken Network

3. Uppdatera sidan (om det behövs) och återskapa problemet

4. Export HAR... Välj i verktygsfältet för att exportera spårningen som en "HAR (HTTP-arkiv)"-fil

   

Google Chrome

Följ dessa steg för att samla in en detaljerad nätverksspårning med hjälp av webbläsarens DevTools:

1. Öppna Chrome DevTools:

   • Välj F12
   • Välj Ctrl+I+Shift(Windows/Linux) eller Command+Option+I (macOS)
   • Välj Customize and control Google Chrome och sedan More Tools > Developer Tools

2. Välj fliken Network

3. Uppdatera sidan (om det behövs) och återskapa problemet

4. Export HAR... Välj i verktygsfältet för att exportera spårningen som en "HAR"-fil

   

Mozilla Firefox

Följ dessa steg för att samla in en detaljerad nätverksspårning med hjälp av webbläsarens DevTools:

1. Öppna Utvecklarverktyg för Firefox:

   • Välj F12
   • Välj Ctrl+I+Shift(Windows/Linux) eller Command+Option+I (macOS)
   • Välj Open menu och sedan Web Developer > Toggle Tools

2. Välj fliken Network

3. Uppdatera sidan (om det behövs) och återskapa problemet

4. Högerklicka var som helst i listan med begäranden och välj "Spara alla som HAR"

   

Safari

Följ dessa steg för att samla in en detaljerad nätverksspårning med hjälp av webbläsarens DevTools:

1. Öppna webbutvecklingsverktygen:
   • Välj Command+Option+I
   • Välj Developer meny och välj sedan Show Web Inspector
2. Välj fliken Network
3. Uppdatera sidan (om det behövs) och återskapa problemet
4. Högerklicka var som helst i listan med begäranden och välj "Spara alla som HAR"