Soubor HAR se běžně používá k řešení problémů se sítí nebo výkonem, včetně špatných časů načítání stránky a časových limitů při provádění konkrétních úkolů na webu.
Každý tým podpory společnosti nebo webu používá tento soubor HAR k identifikaci a řešení problémů s výkonem, jako jsou delší nebo pomalé doby načítání, problémy s vykreslováním stránek a chybové kódy, které mohou nastat kvůli těmto problémům.
Table of Contents
Co je soubor HAR?
Formát archivu HTTP, také známý jako soubor HAR, je archivní soubor ve formátu JSON, který obsahuje vaši nejnovější síťovou aktivitu zaznamenanou vaším webovým prohlížečem. Sleduje všechny interakce, jako jsou webové požadavky a odpovědi mezi webovým prohlížečem a webem.
Soubor HAR zaznamenává každý zdroj načtený prohlížečem a také dobu, kterou trvalo načtení každého zdroje. Tyto soubory obsahují prosté textové protokoly připojení HTTP klient-server.
.har je přípona těchto archivních souborů.
Proč generovat HAR soubor?
Společnost nebo tým obchodní podpory může požádat o analýzu souboru HAR, když uživatel vyvolá lístek k vyřešení problémů.
Soubory HAR poskytují širokou škálu informací o požadavcích a odpovědích HTTP klient-server, které pomáhají při ladění, jako je nastavení prohlížeče a soubory cookie, množství času stráveného získáváním dat odpovědí, množství času, který zabralo načtení konkrétního obrázku na web. , čas potřebný k vytvoření připojení k serveru a čas potřebný k odeslání požadavku a přijetí odpovědi.
Přehled procesu
- Nejprve přejděte na webovou stránku, kde máte problémy, a začněte zaznamenávat všechny webové požadavky a interakce.
- Obnovte problém opakováním kroků.
- Dokončete zachycení a uložte soubor HAR.
- Analyzujte soubor HAR vlastními silami nebo soubor odešlete týmu podpory pro řešení problémů s výkonem a vykreslováním stránek.
Jak vygenerovat soubor HAR v různých prohlížečích?
Generování souborů HAR pro zachycení relace HTTP se liší prohlížeč od prohlížeče.
Chrome
Kartu Síť v nástrojích pro vývojáře všech prohlížečů lze použít k záznamu relace HTTP.
- V Chrome přejděte na stránku, na které máte problém.
- Nástroje pro vývojáře jsou dostupné prostřednictvím nabídky (Menu > Další nástroje > Nástroje pro vývojáře). V tom Vyberte kartu Síť z nově otevřeného panelu.
- Na kartě Síť zkontrolujte, zda je kulaté tlačítko v levém horním rohu červené. Pokud je šedý, poklepáním na něj začněte zaznamenávat interakce.
- Povolte protokol zachování pro záznam všech webových požadavků a odpovědí.
- Chcete-li exportovat soubor HAR, klikněte na tlačítko se šipkou dolů na samotné kartě sítě.
- Uložte soubor HAR do počítače.
Firefox
- V pravém horním rohu okna prohlížeče klikněte na nabídku Firefox (tři vodorovné rovnoběžné čáry).
- Z rozbalovací nabídky vyberte Další nástroje > Web Developer > Síť.
- Klikněte na tlačítko nastavení a zapněte možnost zachování protokolů.
- Zatímco probíhá zachycení, obnovte stránku a opakujte problém.
- Pokud jste problém úspěšně replikovali, klikněte pravým tlačítkem na libovolný řádek panelu aktivit a vyberte Uložit vše jako HAR.
- Nakonec, v případě, že je pro řešení potíží vyžadován také soubor protokolu konzoly, přejděte na kartu Konzola a vyberte vše kliknutím pravým tlačítkem na libovolný řádek a vložte obsah do nějakého textového souboru a sdílejte jej s centrem podpory.
Microsoft Edge
- Vyberte Další nástroje > Nástroje pro vývojáře kliknutím na … (ikona tří teček) v pravém horním rohu.
- Přejděte na kartu sítě a spusťte relaci profilování.
- Navštivte webovou stránku a postupujte podle pokynů k vyřešení problému.
- A nakonec uložte soubor HAR výběrem „Exportovat jako HAR“
internet Explorer
- Otevřete Internet Explorer a přejděte na stránku, kde máte problémy
- klikněte na symbol ozubeného kola v pravém horním rohu.
- Přejděte na (Nástroje pro vývojáře > karta Síť)
- Zatímco zachycení probíhá, obnovte stránku a zopakujte problém.
- Po úspěšné replikaci problému klikněte na ikonu „Export as HAR“ (tvar diskety).
HTTP Watch Tool
Pro Google Chrome, Internet Explorer a Microsoft Edge můžete také použít HTTPWatch (sniffer HTTP v prohlížeči) pro zachycování webových požadavků a odpovědí.
- Stáhněte a nainstalujte nástroj HTTPwatch První.
- Spusťte zachycení HTTPwatch a načtěte stránku, kde máte problémy, a zastavte zachycení, jakmile problém replikujete.
- A zachycení by mělo být uloženo ve formátu HAR.
Webové stránky pro analýzu souborů HAR
Tyto nástroje jsou jednoduché a účinné při vizualizaci a analýze souboru HAR (protokoly HTTP klient-server komunikace).
- Google HAR analyzátor – Vyberte soubor kliknutím na tlačítko „Vybrat soubor“ a vyberte soubor HAR, který chcete prozkoumat. Po výběru souboru se automaticky zobrazí obrazovka Analýza. K dispozici je filtrování podle stavového kódu HTTP.
- Softwareishard.com – Bezplatný webový aplikační nástroj, který zobrazuje vodopádový graf všech požadavků a umožňuje vám přejít na konkrétní požadavek. Po vložení protokolu HAR do textového pole níže stiskněte tlačítko Náhled. Případně přetáhněte soubory har kamkoli na stránku a začněte analyzovat soubor.
- Stránky 24×7 – Jedná se také o bezplatný webový nástroj pro vizualizaci souboru HTTP Archive. Procházejte soubor nebo vložte jeho obsah do vstupního pole.
Závěr
Pokud otevřete soubor HAR v textovém editoru, všimnete si, že je to jednoduše dokument JSON obsahující váš webový požadavek a jeho odpovědi. Může obsahovat následující potenciálně citlivé informace:
- Záhlaví požadavku a odpovědi
- Obsah požadavku a odpovědi
- Ověřovací tokeny, soubory cookie, tokeny relace, hesla a pověření API
Ujistěte se, že jste ze souborů HAR odstranili všechny citlivé informace, než je odešlete týmu podpory k analýze. Zejména pokud tým technické podpory požaduje soubor HAR s interakcemi s třetími stranami, mohou být odhaleny důležité informace.
Doufám, že vám tento článek velmi pomohl při učení se o nástrojích pro analýzu HAR a o tom, jak generovat soubory HAR v různých prohlížečích.
Možná vás také bude zajímat informace o odstraňování problémů s latencí sítě pomocí Wireshark.
Užili jste si čtení článku? Co takhle sdílet se světem?