Nettverksverktøy i F12 Developer Tools of Edge-nettleseren

Innholdsfortegnelse:

Nettverksverktøy i F12 Developer Tools of Edge-nettleseren
Nettverksverktøy i F12 Developer Tools of Edge-nettleseren

Video: Nettverksverktøy i F12 Developer Tools of Edge-nettleseren

Video: Nettverksverktøy i F12 Developer Tools of Edge-nettleseren
Video: How to Boot into Safe Mode on Windows 8.1 - Advanced Startup Options - YouTube 2024, April
Anonim

Microsoft annonserte nylig nye forbedrede nettverksverktøy i F12 utviklerverktøy for den nye Microsoft Edge-nettleser 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.

La oss se på noen av de store forbedringene Microsoft har kjøpt inn.

Microsoft Edge F12 utviklerverktøy

Selv om du er nybegynner, vil du finne det ekstremt lett å 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 Flere handlinger menyen og velg F12 Utviklerverktøy ”. Dette vil automatisk starte verktøyene som ikke er opphevet.

Forbedring til nettverksverktøyene i Edge

Image
Image

Det første skrittet 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.

Image
Image

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 uavhengige nettverkssamtaler og samtidig få relevant informasjon om typen og antall nettverksfeil, antall forespørsler, svardataoverføringsstørrelser og nedlastingstider etc.

Du kan også eksportere og holde oversikt over all informasjon i en JSON HAR-fil.

Image
Image
Image
Image

Bemerkelsesverdige forbedringer for F12 Developer Tools for Microsoft Edge

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

  • Oppdatere alltid fra serveren: Denne funksjonaliteten sikrer at du tester mot den nyeste versjonen av en ressurs fra serveren i stedet for utdatert.
  • Fjern cache og informasjonskapsler: Dette sørger for at nettleserens cache er klart før du laster inn neste side, og du kan rydde informasjonskapslene med snarveien uten å gå til nettleserinnstillingene
  • Klart økt- Du kan bruke tydelig økt-knapp for å fjerne eventuell nettverkstrafikinformasjon registrert under økten
  • Slett oppføringer på navigere- Med denne 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 Sammendragsvisning i nettverksverktøyene

  • Navn: Dette inkluderer navnet og nettadressen til den forespurte ressursen
  • protokoll: 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 tiden som ressursen tar for å laste ned
  • timings: Viser den grafiske representasjonen av nettverksaktiviteten skjedde over tid
Hvis du er interessert i mer detaljvisning av informasjonen, kan du gå til detaljvisning i stedet for sammendragsvisning. 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.
Hvis du er interessert i mer detaljvisning av informasjonen, kan du gå til detaljvisning i stedet for sammendragsvisning. 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 i nettverksverktøyene også er tilgjengelige i IE11-miljøet og i Edge.
En viktig ting å merke seg her, sier Microsoft, er at disse nye forbedrede funksjonene i nettverksverktøyene også er tilgjengelige i IE11-miljøet og i Edge.

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

Relaterte innlegg:

  • Edge Browser Tips og triks for Windows 10
  • Edge vs Firefox: Hva er bedre for Windows 10?
  • Personverninnstillinger i Edge-nettleseren på Windows 10
  • Nye funksjoner i Microsoft Edge på Windows 10 Anniversary Update
  • Endre brukeragent, modus, skjerm, Geolocation i Edge Developer Tools

Anbefalt: