Android

Síťové nástroje ve vývojářských nástrojích F12 prohlížeče Edge

František Fuka: Hudba z geekovsko-matematického hlediska - DevFest Praha 2012

František Fuka: Hudba z geekovsko-matematického hlediska - DevFest Praha 2012

Obsah:

Anonim

Společnost Microsoft nedávno oznámila nové vylepšené síťové nástroje v vývojářských nástrojích F12 pro nový prohlížeč Microsoft Edge v Windows 10 po obrovské poptávce od vývojářů. Jako vývojář máte všechny důvody, proč se můžete cítit vzrušený, protože nyní můžete pracovat na vylepšené sadě nástrojů.

Podíváme se na některé z hlavních vylepšení, které Microsoft koupil.

Nástroje pro vývojáře Microsoft Edge F12

I když jste začátečník, zjistíte, že je velmi snadné získat přístup k vývojáři Microsoft Edge F12, protože existuje jen velmi málo kroků, které je třeba dodržet. Vše, co musíte udělat, je kliknout a otevřít nabídku Další akce a vybrat " Nástroje pro vývojáře F12 ". Tímto způsobem se automaticky spustí nástroj, který je odpojen.

Vylepšení síťových nástrojů na hraně

Prvním krokem, který podnikla společnost Microsoft v oblasti vylepšení, je přepracování síťových nástrojů, aby vývojáři mohli získat čistší zážitek. Dále tým společnosti Microsoft přidal tlačítko Start a Stop , čímž poskytne vývojářům větší flexibilitu při řešení síťové komunikace založené na protokolech

K dispozici je také nové tlačítko s názvem " Filtr typu obsahu ", který byl přidán, aby vývojářům umožnil umístit filtr a získat pouze požadovaný druh provozu. Tímto způsobem můžete přeskočit mnoho nesouvisejících síťových hovorů a současně získat relevantní informace o typu a počtu chyb v síti, počtu požadavků, velikostech přenosu dat odpovědí a časech stahování atd.

Můžete také exportovat a uchovávat stopy všech informací v souboru JSON HAR

Významné vylepšení nástrojů vývojáře F12 pro Microsoft Edge

Seznamy vylepšených položek, které jsou obsaženy v novém Microsoft Edge, jsou následující:

  • Vždy aktualizujte ze serveru : Tato funkce zajišťuje testování nejnovější verze prostředku ze serveru namísto jeho zastaralé.
  • Vymazat mezipaměť a soubory cookie : Ujistěte se, že je vyrovnávací paměť vašeho prohlížeče jasná před načtením dalšího a vymažete soubory cookie pomocí zástupce, aniž byste se rozhodli pro nastavení prohlížeče
  • Vymazat relaci - Vymazat všechny informace o síti, které jste zaznamenali během relace
  • Smazat záznamy v navigaci > - S thi můžete se zaměřit pouze na zdroje, které byly načteny během obnovení poslední stránky nebo navigace. Můžete dokonce porovnat toto s poslední relací pouze tím, že tuto funkci vypnete

Zahrnutí zobrazení souhrnu do síťových nástrojů

  • Název : Zahrnuje jméno a URL požadovaného zdroje
  • Protokol : Zahrnout protokol, který se používá k požadavku na prostředek
  • Metoda : Zobrazuje metodu HTTP použitou v požadavku
  • Výsledek : Zobrazuje kód stavu odpovědi a textovou zprávu vrácenou serverem
  • Typ obsahu : Zobrazení typu MIME odpovědi vrácené serverem
  • Přijaté : Celková velikost užitečného zatížení odezvy dodaného serverem
  • Čas čas potřebný k získání stahování
  • Časování : Zobrazuje grafické znázornění aktivity sítě během času

V případě, že máte zájem o podrobnější zobrazení informací, namísto Shrnutí zobrazení. Informace o záhlaví, těle a parametrech apod. Se zobrazují v různých částech detailního zobrazení. Jediné, co musíte udělat, je dvojité kliknutí na požadavek a přečtení informací z bočního panelu.

Jedním z klíčových věcí, které je třeba poznamenat zde, říká Microsoft, je, že tyto nové vylepšené funkce síťových nástrojů jsou také k dispozici v prostředí IE11 stejně jako Edge.

Nyní můžete vidět, jak můžete změnit nástroj User Agent, Mode, Display, Geolocation v nástrojích Edge Developer Tools