← Wszystkie wpisy

API i helpers

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ć:

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

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

Zobacz też

Zainstaluj JustZix — i loguj bez otwierania DevTools.

Oceń ten wpis

Brak ocen — oceń jako pierwszy.

Wypróbuj samodzielnie

Zainstaluj JustZix i wklej dowolny snippet z tego artykułu. Dwie minuty od zera do działającej reguły na wszystkich Twoich urządzeniach.

Pobierz JustZix

Funkcje · Jak to działa · Przykłady · Zastosowania