Nätverksverktyg i F12 Utvecklarverktyg för Edge-webbläsare

Microsoft tillkännagav nyligen nya förbättrade nätverksverktyg i F12 utvecklarverktyg för den nya Microsoft Edge-webbläsaren i Windows 10 efter en stor efterfrågan från utvecklare. Som utvecklare har du alla anledningar att vara upphetsad, eftersom du nu kan arbeta med en förbättrad uppsättning verktyg.

Låt oss titta på några av de stora förbättringarna som Microsoft har köpt.

Utvecklingsverktyg för Microsoft Edge F12

Även om du är nybörjare, hittar du det väldigt lätt att komma åt Microsoft Edge F12-utvecklaren, eftersom det finns väldigt få steg som du behöver följa. Allt du behöver göra är att klicka och öppna menyn Fler åtgärder och välj " F12 Utvecklarverktyg ".

Förbättring till nätverksverktygen i Edge

Det första steget som Microsoft tagit om förbättringar är att omkonstruera nätverksverktygen så att utvecklarna kan få en renare upplevelse. Därefter lade Microsofts team till en Start och Stopp verktygsfältsknapp för att ge utvecklare större flexibilitet vid hantering av HTTP-baserad nätverkstrafik.

Det finns också en ny knapp som heter " Innehållstypsfilter "som har lagts till för att tillåta att utvecklare sätter i filtret och får bara den typ av trafik som önskas. Så här kan du hoppa över många orelaterade nätverkssamtal och samtidigt få relevant information om typen och antalet nätverksfel, antalet förfrågningar, storlekar för överföring av svardata och nedladdningstider etc.

Du kan också exportera och behålla ett spår av all information i en JSON HAR-fil.

Anmärkningsvärda förbättringar för utvecklingsverktyg för Microsoft Edge

Listorna över förbättrade objekt som ingår i den nya Microsoft Edge är följande:

• Uppdatera alltid från servern : Den här funktionen säkerställer att du testar mot den senaste versionen av en resurs från servern istället för föråldrad.
• Rensa cacheminne och cookies : Detta säkerställer att webbläsarens cacheminne är klar innan du laddar nästa sida och du kan rensa cookies med genvägen utan att ens gå till webbläsarinställningar.
• Rensa session - Du kan använda en tydlig sessionsknapp för att radera eventuell nätverkstrafikinformation som registrerats under sessionen.
• Rensa poster på navigering - Med thi s-funktionen kan du bara fokusera på resurser som laddades under senaste uppdateringen eller navigering. Du kan även jämföra detta med den senaste sessionen genom att stänga av den här funktionen

Inkludera sammandragsvisning i nätverksverktygen

• Namn : Detta inkluderar namnet och URL-adressen för den begärda resursen
• Protokoll : Inkludera protokoll som används för att begära resursen
• Metod : Visar HTTP-metod som används i begäran
• Resultat : Detta visar svarstatuskoden och textmeddelandet som returneras av servern
• Innehållstyp : Visa svarets MIME-typ som returneras av servern
• Mottagen : Den totala storleken på svarets nyttolast som levereras av servern
• Tid : Visa tid som resurs tar för att hämta nedladdningen
• Timings : Visar den grafiska representationen av nätverksaktiviteten inträffade över tiden

Om du är intresserad av mer detaljerad bild av informationen kan du gå till detaljvy istället för Sammanfattningsvy. Information som rubrik, kropp och parametrar etc. visas i olika delar av detaljvy. Allt du behöver göra är att dubbelklicka på begäran och läsa informationen från sidopanelen.

En viktig sak att notera här, säger Microsoft, är att dessa nya förbättrade funktioner för nätverksverktyg också finns i IE11-miljö såväl som Edge.

Nu kan du se hur du kan ändra användaragent, läge, bildskärm, geolokering i Edge Developer Tools.