L'Output Console come logger di produzione — window.JUSTZIX in pratica
Diagnosticare una pagina con console.log richiede i DevTools aperti — e quelli prendono metà schermo e spariscono a ogni ricaricamento. window.JUSTZIX registra nella finestra Output Console, che fa parte della pagina: resta dove la metti, e la vedi senza F12.
Due API diverse
JustZix dà al codice delle regole due oggetti globali — facili da confondere:
window.JZ— pilota le azioni (JZ.clicke compagnia).window.JUSTZIX— un logger. Scrive voci nella finestra Output Console.
Questo articolo riguarda il secondo.
I metodi del logger
JUSTZIX.log('una voce semplice');
JUSTZIX.info('informazione');
JUSTZIX.warn('un avviso');
JUSTZIX.error('un errore');
JUSTZIX.debug('un dettaglio diagnostico');
Ogni livello ha il proprio colore nell'Output Console e può essere filtrato. Ci sono anche gli alias __JUSTZIX__ e JZ.log/.warn/... — nel caso la pagina abbia una propria variabile chiamata JUSTZIX.
Perché non il normale console.log
- Niente DevTools. L'Output Console viene renderizzata sulla pagina. Non devi aprire F12 né tenerlo aperto.
- Sopravvive nel campo visivo. Una finestra Output ancorata resta nell'angolo della scheda — vedi i log con la coda dell'occhio, tutto il tempo.
- Filtri e ricerca. Filtri i livelli e cerchi tra le voci — integrato nella finestra.
L'Output Console cattura anche il console.log proprio della pagina e gli errori non gestiti — ma JUSTZIX.* è il tuo canale, visivamente separato dal rumore della pagina.
Pattern — punti di controllo in una regola
JUSTZIX.info('Regola carrello — inizio');
const items = document.querySelectorAll('.cart-item');
JUSTZIX.log('Articoli nel carrello: ' + items.length);
if (!items.length) JUSTZIX.warn('Carrello vuoto — selettore ancora attuale?');
La regola racconta cosa fa. Quando smette di funzionare, l'Output Console mostra esattamente a quale passo — senza indovinare.
Trappole
- Log in un ciclo. Un
JUSTZIX.login un handlerscrollo unMutationObserverinonda la finestra. Registra eventi, non ogni frame. - Il livello debug può essere nascosto. L'Output Console filtra
debugper impostazione predefinita — se non vedi una voce, controlla il filtro dei livelli.
Vedi anche
- Output Console — la descrizione completa della finestra
- L'Output Console cattura gli errori — cos'altro atterra nella finestra
- Regole resistenti ai cambiamenti del DOM — il logger come sistema di allerta precoce
Installa JustZix — e registra senza aprire i DevTools.
Valuta questo articolo
Nessuna valutazione — sii il primo.