La Output Console como logger de producción — window.JUSTZIX en la práctica
Diagnosticar una página con console.log requiere las DevTools abiertas — y esas se llevan media pantalla y desaparecen en cada recarga. window.JUSTZIX registra en la ventana Output Console, que forma parte de la página: se queda donde la pones, y la ves sin F12.
Dos API distintas
JustZix da al código de las reglas dos objetos globales — fáciles de confundir:
window.JZ— pilota las acciones (JZ.clicky compañía).window.JUSTZIX— un logger. Escribe entradas en la ventana Output Console.
Este artículo trata del segundo.
Los métodos del logger
JUSTZIX.log('una entrada simple');
JUSTZIX.info('información');
JUSTZIX.warn('un aviso');
JUSTZIX.error('un error');
JUSTZIX.debug('un detalle diagnóstico');
Cada nivel tiene su propio color en la Output Console y puede filtrarse. También están los alias __JUSTZIX__ y JZ.log/.warn/... — por si la página tiene su propia variable llamada JUSTZIX.
Por qué no el console.log normal
- Sin DevTools. La Output Console se renderiza en la página. No tienes que abrir F12 ni mantenerlo abierto.
- Sobrevive en el campo visual. Una ventana Output anclada se queda en la esquina de la pestaña — ves los logs con el rabillo del ojo, todo el tiempo.
- Filtros y búsqueda. Filtras los niveles y buscas entre las entradas — integrado en la ventana.
La Output Console captura también el console.log propio de la página y los errores no gestionados — pero JUSTZIX.* es tu canal, visualmente separado del ruido de la página.
Patrón — puntos de control en una regla
JUSTZIX.info('Regla carrito — inicio');
const items = document.querySelectorAll('.cart-item');
JUSTZIX.log('Artículos en el carrito: ' + items.length);
if (!items.length) JUSTZIX.warn('Carrito vacío — ¿selector todavía actual?');
La regla cuenta qué hace. Cuando deja de funcionar, la Output Console muestra exactamente en qué paso — sin adivinar.
Trampas
- Log en un bucle. Un
JUSTZIX.logen un handlerscrollo unMutationObserverinunda la ventana. Registra eventos, no cada frame. - El nivel debug puede estar oculto. La Output Console filtra
debugpor defecto — si no ves una entrada, comprueba el filtro de los niveles.
Mira también
- Output Console — la descripción completa de la ventana
- La Output Console captura los errores — qué más aterriza en la ventana
- Reglas resistentes a los cambios del DOM — el logger como sistema de alerta temprana
Instala JustZix — y registra sin abrir las DevTools.
Valora este artículo
Sin valoraciones — sé el primero.