Netværksværktøjer i F12 Udviklingsværktøjer til Edge-browseren

Microsoft offentliggjorde for nylig nye forbedrede netværksværktøjer i F12-udviklerværktøjer til den nye Microsoft Edge-browser i Windows 10 efter en stor efterspørgsel fra udviklere. Som udvikler har du alle grunde til at føle dig begejstret, da du nu kan arbejde på et forbedret sæt af værktøjer.

Lad os se på nogle af de større forbedringer, som Microsoft har købt i.

Microsoft Edge F12-udviklerværktøjer

Selv om du er nybegynder, finder du det meget nemt at få adgang til Microsoft Edge F12-udvikleren, da der er meget få trin, du skal følge. Alt du skal gøre er at klikke på og åbne menuen Flere handlinger og vælg " F12 Developer-værktøjer ". Dette vil automatisk lancere værktøjerne, der ikke er klæbet.

Udvidelse til netværksværktøjerne i Edge

Det første skridt, Microsoft tager på forbedringer, er at omforme netværksværktøjerne, så udviklerne kan få en renere oplevelse. Derefter tilføjede Microsofts team en Start og Stop værktøjslinjeknap for at give udviklere mere fleksibilitet, mens de håndterer HTTP-baseret netværkstrafik.

Der er også en ny knap kaldet " Content type filter ", som er blevet tilføjet for at give udviklere mulighed for at sætte filteret og kun få den type trafik, der ønskes. Så ved dette kan du springe over mange uafhængige netopkald og samtidig få relevante oplysninger om typen og antallet af netværksfejl, antal anmodninger, størrelser for overførsel af svardata og downloadtider mv.

Du kan også eksportere og beholde et spor af al information i en JSON HAR-fil.

Bemærkelsesværdige forbedringer af F12 Developer Tools til Microsoft Edge

Listerne over forbedrede elementer, der er inkluderet i den nye Microsoft Edge, er som følger:

• Opdater altid fra serveren : Denne funktionalitet sikrer, at du tester mod den nyeste version af en ressource fra serveren i stedet for forældet.
• Ryd cache og cookies : Dette sikrer, at din browserens cache er klar, inden du læser den næste side og du kan rydde cookies med genvejen uden at endda gå til browserindstillingerne
• Slet session - Du kan bruge den klare sessionsknap til at slette alle netværkstrafikoplysninger, der er optaget under sessionen.
• Ryd poster på navigering - Med thi s-funktionen kan du kun fokusere på ressourcer, der blev indlæst under den sidste side opdatering eller navigation. Du kan endda sammenligne dette med den sidste session ved kun at slå denne funktion fra

Inkludering af oversigtsvisning i netværksværktøjerne

• Navn : Dette inkluderer navnet og URl`en for den ønskede ressource
• Protokol : Inkluder protokol, der bruges til at anmode om ressourcen
• Metode : Viser HTTP-metode, der anvendes i anmodningen
• Resultat : Dette viser svarstatuskode og tekstbesked som returneret af serveren
• Indholdstype : Vis svarets MIME-type som returneret af serveren
• Modtaget : Den samlede størrelse af svarbelastningen som leveret af serveren
• Tid : Vis tid, der tages af ressourcen for at hente downloaden
• Timings : Viser den grafiske repræsentation af netværksaktiviteten opstået over tid

Hvis du er interesseret i mere detaljeret visning af oplysningerne, kan du gå til Detailvisning i stedet for oversigtsvisning. Oplysninger som header, krop og parametre mv vises i forskellige sektioner af detaljeret visning. Alt du skal gøre er at dobbeltklikke på anmodningen og læse oplysningerne fra sidepanelet.

En vigtig ting at bemærke her, siger Microsoft, er, at disse nye forbedrede funktioner i netværksværktøjer også er tilgængelige i IE11-miljøet såvel som Edge.

Nu kan du se, hvordan du kan ændre brugeragent, tilstand, skærm, geolocation i Edge Developer Tools.