L'Output Console comme logger de production — window.JUSTZIX en pratique
Diagnostiquer une page avec console.log exige les DevTools ouverts — et ceux-ci prennent la moitié de l'écran et disparaissent à chaque rechargement. window.JUSTZIX journalise dans la fenêtre Output Console, qui fait partie de la page : elle reste où vous la placez, et vous la voyez sans F12.
Deux API différentes
JustZix donne au code des règles deux objets globaux — faciles à confondre :
window.JZ— pilote les actions (JZ.clicket compagnie).window.JUSTZIX— un logger. Écrit des entrées dans la fenêtre Output Console.
Cet article porte sur le second.
Les méthodes du logger
JUSTZIX.log('une entrée simple');
JUSTZIX.info('information');
JUSTZIX.warn('un avertissement');
JUSTZIX.error('une erreur');
JUSTZIX.debug('un détail de diagnostic');
Chaque niveau a sa propre couleur dans l'Output Console et peut être filtré. Il y a aussi les alias __JUSTZIX__ et JZ.log/.warn/... — au cas où la page aurait sa propre variable nommée JUSTZIX.
Pourquoi pas le console.log ordinaire
- Pas de DevTools. L'Output Console se rend sur la page. Vous n'avez pas à ouvrir F12 ni à le garder ouvert.
- Elle survit dans le champ de vision. Une fenêtre Output épinglée reste dans le coin de l'onglet — vous voyez les logs du coin de l'œil, en permanence.
- Filtres et recherche. Vous filtrez les niveaux et cherchez dans les entrées — intégré à la fenêtre.
L'Output Console capture aussi le console.log propre à la page et les erreurs non interceptées — mais JUSTZIX.* est votre propre canal, visuellement séparé du bruit de la page.
Pattern — des points de contrôle dans une règle
JUSTZIX.info('Règle panier — début');
const items = document.querySelectorAll('.cart-item');
JUSTZIX.log('Articles dans le panier : ' + items.length);
if (!items.length) JUSTZIX.warn('Panier vide — sélecteur encore à jour ?');
La règle raconte ce qu'elle fait. Quand elle cesse de fonctionner, l'Output Console montre exactement à quelle étape — sans deviner.
Pièges
- Des logs dans une boucle. Un
JUSTZIX.logdans un handlerscrollou unMutationObserverinonde la fenêtre. Journalisez des événements, pas chaque frame. - Le niveau debug peut être caché. L'Output Console filtre
debugpar défaut — si vous ne voyez pas une entrée, vérifiez le filtre de niveau.
À voir aussi
- Output Console — le descriptif complet de la fenêtre
- L'Output Console attrape les erreurs — ce qui atterrit aussi dans la fenêtre
- Des règles résistantes aux changements du DOM — le logger comme système d'alerte précoce
Installez JustZix — et journalisez sans ouvrir les DevTools.
Notez cet article
Aucune note — soyez le premier.