Záznamník konzole zachytává veškerý výstup konzole (console.log, console.warn, console.error, console.info) a zobrazuje ho v plovoucím panelu přímo na stránce. Sledujte chyby JavaScriptu, ladící zprávy a upozornění v reálném čase bez otevírání DevTools prohlížeče. Zprávy jsou barevně rozlišeny podle typu a obsahují časová razítka a zásobníky volání pro chyby.
Otevírání DevTools prohlížeče jen kvůli kontrole výstupu konzole zabírá cenné místo na obrazovce — zejména na menších obrazovkách nebo když potřebujete vidět celou stránku při sledování logů. Záznamník konzole poskytuje odlehčenou alternativu: plovoucí panel, který zobrazuje veškerý výstup konzole jak přichází, přes stránku. Panel zachytává console.log, console.warn, console.error, console.info a nezachycené výjimky s plnými zásobníky volání. Zprávy jsou barevně označeny (chyby červeně, upozornění žlutě, info modře, logy bíle/šedě) a obsahují časová razítka pro sledování, kdy události nastávají. Tlačítka filtru umožňují zobrazovat pouze určité typy zpráv — zobrazujte jen chyby při ladění pádu nebo jen upozornění při hledání oznámení o zastaralosti. Panel je přesouvatelný, přizpůsobitelný velikostí a poloprůhledný, takže neblokuje příliš mnoho obsahu stránky.
Zprávy konzole se zobrazují v reálném čase při jejich zaznamenání. Sledujte logy inicializace stránky, zpracování odpovědí API, události interakce uživatele a chybové zprávy — vše živě streamováno v plovoucím panelu.
Chyby červeně, upozornění jantarově/žlutě, info modře a standardní logy bíle/šedě. Okamžitě rozlišíte kritickou chybu od běžné zprávy logu pouze podle barvy.
Chyby JavaScriptu obsahují plný zásobník volání s názvy souborů, funkcí a čísly řádků. Kliknutím na odkaz na soubor identifikujte přesně, kde chyba vznikla, bez otevírání DevTools.
Tlačítka filtru nahoře umožňují zobrazit/skrýt konkrétní typy zpráv: Vše, Pouze chyby, Pouze upozornění, Pouze info, Pouze logy. Odznak počtu na každém filtru zobrazuje, kolik zpráv daného typu existuje.
Každá zpráva zobrazuje čas, kdy byla zaznamenána (formát HH:MM:SS). Sledujte pořadí událostí, identifikujte problémy s výkonem (jak dlouho mezi voláním API a odpovědí) a korelujte zprávy s akcemi uživatele.
Vymažte všechny zprávy pro nový začátek nebo pokračujte v jejich hromadění při práci se stránkou. Panel zobrazuje celkový počet zpráv a lze ho minimalizovat, když není potřeba.
Potřebujete vidět výstup konzole při zachování plné viditelnosti stránky? Záznamník konzole vám umožní sledovat logy, aniž by panel DevTools zabíral místo na obrazovce. Ideální na menších obrazovkách nebo při prezentacích.
Pokud váš JavaScript zaznamenává odpovědi API, Záznamník konzole je zobrazuje v reálném čase. Sledujte data požadavků/odpovědí bez přepínání mezi stránkou a DevTools.
Některé chyby JavaScriptu selžou tiše — žádná viditelná změna v UI, ale chyba v konzoli. Záznamník konzole je zviditelní na stránce, takže je při normálním prohlížení zaznamenáte.
Během živé demonstrace nechte panel Záznamníku konzole viditelný v rohu. Pokud se něco pokazí, okamžitě uvidíte chybovou zprávu, aniž byste museli přerušit demonstraci a otevřít DevTools.
Skripty třetích stran (analytika, chatovací widgety, reklamní sítě) často vyvolávají chyby nebo upozornění. Záznamník konzole je zachytává, takže můžete sledovat stav externích závislostí.
Otevřete plovoucí dok DevSuite Pro a klikněte na ikonu Záznamníku konzole. Zobrazí se plovoucí panel, který okamžitě začne zachytávat výstup konzole.
Používejte stránku normálně — klikejte na tlačítka, navigujte, odesílejte formuláře. Zprávy konzole se zobrazují v panelu, jak je zaznamenává JavaScript stránky.
Použijte tlačítka filtru pro zobrazení pouze chyb, upozornění nebo logů. Odznaky počtu zobrazují, kolik zpráv existuje pro každý typ.
U chybových zpráv rozbalte zásobník volání a zjistěte soubor a číslo řádku, kde chyba nastala. Použijte to k identifikaci zdroje chyby.
Kliknutím na „Vymazat“ resetujte panel nebo nástroj deaktivujte a zavřete ho. Na stránce nezůstane žádná stopa.
Nainstalujte si DevSuite Pro zdarma a odemkněte 39+ vývojářských nástrojů pro svůj prohlížeč.
