Android

Nettverksverktøy i F12 Utviklerverktøy av kantleser

Новые функции обновленного браузера Microsoft Edge ???

Новые функции обновленного браузера Microsoft Edge ???

Innholdsfortegnelse:

Anonim

Microsoft annonserte nylig nye forbedrede nettverksverktøy i F12-utviklerverktøy for den nye Microsoft Edge-nettleseren i Windows 10 etter en stor etterspørsel fra utviklere. Som utvikler har du alle grunner til å være begeistret, siden du nå kan jobbe med et forbedret sett med verktøy.

Leter på noen av de store forbedringene Microsoft har kjøpt inn.

Utviklerverktøy for Microsoft Edge F12

Selv om du er nybegynner, vil du finne det svært enkelt å få tilgang til Microsoft Edge F12-utvikleren, da det er svært få trinn som du må følge. Alt du trenger å gjøre er å klikke og åpne menyen Flere handlinger og velg " F12 Utviklerverktøy ". Dette vil automatisk starte verktøyene som ikke er oppdratt.

Forbedring til nettverksverktøyene i Edge

Det første trinnet Microsoft tar på forbedringer, er å omkonstruere nettverksverktøyene slik at utviklerne kan få en renere opplevelse. Deretter lagde Microsofts team også en Start og Stopp verktøylinjeknapp for å gi mer fleksibilitet til utviklere når de håndterer HTTP-basert nettverkstrafikk.

Det er også en ny knapp kalt " Innholdstype filter "som er lagt til for å tillate utviklere å sette filteret og få bare den type trafikk som er ønsket. Så ved dette kan du hoppe over mange ikke-relaterte nettverkssamtaler og samtidig få relevant informasjon om typen og antall nettverksfeil, antall forespørsler, overføringsstørrelser for svardata og nedlastingstider etc.

Du kan også eksportere og beholde et spor av all informasjonen i en JSON HAR-fil.

Bemerkelsesverdige forbedringer for Developer Tools for Microsoft Edge

Lister over forbedrede elementer som er inkludert i den nye Microsoft-kanten, er som følger:

  • Oppdater alltid fra serveren : Denne funksjonaliteten sikrer at du tester mot den nyeste versjonen av en ressurs fra serveren i stedet for utdatert.
  • Tøm buffer og informasjonskapsler : Dette sikrer at nettleserens buffer er tom før du laster inn neste side og du kan rydde informasjonskapslene med snarveien uten å gå til nettleserinnstillingene.
  • Clear session - Du kan bruke Clear Session-knappen til å slette all trafikkinformasjon som er registrert i løpet av sesjonen.
  • Rydde oppføringer på navigere - Med thi s-funksjonen kan du bare fokusere på ressurser som ble lastet under oppdatering eller navigering på den siste siden. Du kan til og med sammenligne dette med den siste økten, bare ved å slå denne funksjonen av

Inkludering av oppsummeringsvisning i nettverksverktøyene

  • Navn : Dette inkluderer navn og URL til den forespurte ressursen
  • Protokol : Inkluder protokoll som brukes til å be om ressursen
  • Metode : Viser HTTP-metode som brukes i forespørselen
  • Resultat : Dette viser svarstatuskoden og tekstmeldingen som returnert av serveren
  • Innholdstype : Vis MIME-typen av svaret som returnert av serveren
  • Mottatt : Den totale størrelsen på respons nyttelast som levert av serveren
  • Tid : Vis Tid tatt av ressurs for å laste ned
  • Timings : Viser den grafiske representasjonen av nettverksaktiviteten skjedd over tid

Hvis du er interessert i mer detaljvisning av informasjonen, kan du gå til detaljvisning i stedet for oppsummeringsvisning. Informasjon som header, kropp og parametre, etc., vises i forskjellige deler av detaljvisningen. Alt du trenger å gjøre er å dobbeltklikke på forespørselen og lese informasjonen fra sidepanelet.

En viktig ting å merke seg her, sier Microsoft, er at disse nye forbedrede funksjonene til nettverksverktøy også er tilgjengelige i IE11-miljøet så vel som kant.

Se nå hvordan du kan endre brukeragent, modus, skjerm, geografisk plassering i Edge Developer Tools.