Android

Netwerkhulpmiddelen in F12 Hulpmiddelen voor ontwikkelaars van Edge-browser

Новый БРАУЗЕР от Microsoft набирает обороты! Microsoft EDGE лучший?

Новый БРАУЗЕР от Microsoft набирает обороты! Microsoft EDGE лучший?

Inhoudsopgave:

Anonim

Microsoft heeft onlangs nieuwe verbeterde netwerktools aangekondigd in F12-ontwikkelaarstools voor de nieuwe Microsoft Edge-browser in Windows 10 na een enorme vraag van ontwikkelaars. Als ontwikkelaar heb je alle redenen om je opgewonden te voelen, want je kunt nu aan een verbeterde set hulpprogramma`s werken.

Laten we een paar van de belangrijkste verbeteringen bekijken die Microsoft heeft gekocht.

Microsoft Edge F12-ontwikkelaarstools

Zelfs als u een beginner bent, zult u het bijzonder gemakkelijk vinden om toegang te krijgen tot de Microsoft Edge F12-ontwikkelaar, omdat er maar heel weinig stappen zijn die u moet volgen. Het enige wat u hoeft te doen is klikken en het menu Meer acties openen en " F12 Developer Tools " selecteren. Hiermee worden de hulpprogramma`s automatisch geopend.

Verbetering van de netwerkhulpmiddelen in Edge

De eerste stap die Microsoft zet om verbeteringen aan te brengen, is het opnieuw ontwerpen van de netwerkhulpmiddelen, zodat de ontwikkelaars een schonere ervaring kunnen krijgen. Vervolgens heeft het Microsoft-team ook een werkbalkknop Starten en stoppen toegevoegd om ontwikkelaars meer flexibiliteit te bieden bij het verwerken van HTTP-gebaseerd netwerkverkeer.

Er is ook een nieuwe knop genaamd " Inhoudstypefilter "die is toegevoegd om ontwikkelaars in staat te stellen het filter te plaatsen en alleen het type verkeer te krijgen dat gewenst is. U kunt hiermee veel niet-verwante netwerkoproepen overslaan en tegelijkertijd relevante informatie opvragen over het type en het aantal netwerkfouten, het aantal verzoeken, overdrachtsgroottes voor responsgegevens en downloadtijden, enzovoort.

U kunt ook exporteren en bewaren een spoor van alle informatie in een JSON HAR-bestand.

Opmerkelijke F12-hulpmiddelen voor ontwikkelaarstools voor Microsoft Edge

De lijsten met verbeterde items die zijn opgenomen in de nieuwe Microsoft Edge zijn als volgt:

  • Vernieuw altijd van server : deze functionaliteit zorgt ervoor dat u vanaf de server test in plaats van de verouderde versie van een bron.
  • Cache en cookies wissen : dit zorgt ervoor dat de cache van uw browser leeg is voordat de volgende wordt geladen pagina en u kunt de cookies wissen met de snelkoppeling zonder zelfs naar browserinstellingen te gaan
  • sessie wissen - u kunt de knop clear session gebruiken om alle netwerkverkeersinformatie te wissen die tijdens de sessie is opgenomen
  • vermeldingen wissen op navigeren - Met thi Met deze functie kunt u zich alleen concentreren op bronnen die zijn geladen tijdens het vernieuwen of navigeren van de laatste pagina. U kunt dit zelfs vergelijken met de laatste sessie door deze functie uit te schakelen

Opname van de overzichtsweergave in de netwerkhulpmiddelen

  • Naam : dit omvat de naam en de URL van de gevraagde bron
  • Protocol : Inclusief protocol dat wordt gebruikt om de resource aan te vragen
  • Methode : Toont de HTTP-methode die is gebruikt in het verzoek
  • Resultaat : dit toont de antwoordstatuscode en het sms-bericht zoals geretourneerd door de server
  • Inhoudstype : Geef het MIME-type van het antwoord weer zoals geretourneerd door de server
  • Ontvangen : de totale omvang van de responspayload zoals geleverd door de server
  • Tijd : Geef de tijd die de resource nodig heeft om de download te krijgen
  • Timings : toont de grafische weergave van de netwerkactiviteit in de loop van de tijd

Als u geïnteresseerd bent in een gedetailleerder overzicht van de informatie, kunt u kiezen voor Detail View in plaats van de overzichtsweergave. Informatie zoals koptekst, hoofdtekst en parameters, enz. Worden weergegeven in verschillende secties van de detailweergave. Het enige dat u hoeft te doen, is op het verzoek dubbelklikken en de informatie van het zijpaneel lezen.

Een belangrijk ding om hier op te schrijven, zegt Microsoft, is dat deze nieuwe verbeterde functies van netwerkhulpmiddelen ook beschikbaar zijn in de IE11-omgeving evenals Edge.

Zie nu hoe u User Agent, Mode, Display, Geolocation in Edge Developer Tools kunt wijzigen.