Output Console jako logger produkcyjny — window.JUSTZIX w praktyce
Diagnozowanie strony przez console.log wymaga otwartego DevTools — a ten zajmuje pół ekranu i znika przy każdym przeładowaniu. window.JUSTZIX loguje do okna Output Console, które jest częścią strony: zostaje, gdzie je postawisz, i widać je bez F12.
Dwa różne API
JustZix daje w kodzie reguł dwa globalne obiekty — łatwo je pomylić:
window.JZ— steruje akcjami (JZ.clicki spółka).window.JUSTZIX— logger. Pisze wpisy do okna Output Console.
Ten artykuł jest o tym drugim.
Metody loggera
JUSTZIX.log('zwykły wpis');
JUSTZIX.info('informacja');
JUSTZIX.warn('ostrzeżenie');
JUSTZIX.error('błąd');
JUSTZIX.debug('szczegół diagnostyczny');
Każdy poziom ma w Output Console swój kolor i daje się filtrować. Dostępne są też aliasy __JUSTZIX__ oraz JZ.log/.warn/... — gdyby strona miała własną zmienną o nazwie JUSTZIX.
Dlaczego nie zwykły console.log
- Bez DevTools. Output Console renderuje się na stronie. Nie musisz otwierać F12 ani go trzymać otwartego.
- Przeżywa w polu widzenia. Przypięte okno Output zostaje w rogu karty — widzisz logi kątem oka, cały czas.
- Filtry i szukanie. Poziomy odfiltrujesz, po wpisach przeszukasz — wbudowane w okno.
Output Console przechwytuje też zwykłe console.log strony oraz niezłapane błędy — ale JUSTZIX.* to Twój własny kanał, oddzielony wizualnie od szumu strony.
Wzorzec — kontrolne punkty w regule
JUSTZIX.info('Reguła koszyka — start');
const items = document.querySelectorAll('.cart-item');
JUSTZIX.log('Pozycji w koszyku: ' + items.length);
if (!items.length) JUSTZIX.warn('Pusty koszyk — selektor nadal aktualny?');
Reguła sama opowiada, co robi. Gdy przestanie działać, Output Console pokazuje dokładnie, na którym kroku — bez zgadywania.
Pułapki
- Logi w pętli.
JUSTZIX.logw handlerzescrollczy wMutationObserverzaleje okno. Loguj zdarzenia, nie każdą klatkę. - Poziom debug bywa ukryty. Output Console domyślnie filtruje
debug— jeśli nie widzisz wpisu, sprawdź filtr poziomów.
Zobacz też
- Output Console — pełny opis okna
- Output Console łapie błędy — co jeszcze trafia do okna
- Reguły odporne na zmiany DOM — logger jako system wczesnego ostrzegania
Zainstaluj JustZix — i loguj bez otwierania DevTools.
Oceń ten wpis
Brak ocen — oceń jako pierwszy.