Output Console als Produktions-Logger — window.JUSTZIX in der Praxis
Eine Seite mit console.log zu diagnostizieren erfordert geöffnete DevTools — und die nehmen den halben Bildschirm und verschwinden bei jedem Neuladen. window.JUSTZIX loggt in das Output-Console-Fenster, das Teil der Seite ist: Es bleibt, wo du es hinstellst, und du siehst es ohne F12.
Zwei verschiedene APIs
JustZix gibt Regelcode zwei globale Objekte — leicht zu verwechseln:
window.JZ— steuert Aktionen (JZ.clickund Co.).window.JUSTZIX— ein Logger. Schreibt Einträge in das Output-Console-Fenster.
Dieser Artikel handelt vom zweiten.
Die Logger-Methoden
JUSTZIX.log('ein einfacher Eintrag');
JUSTZIX.info('Information');
JUSTZIX.warn('eine Warnung');
JUSTZIX.error('ein Fehler');
JUSTZIX.debug('ein Diagnosedetail');
Jede Stufe hat ihre eigene Farbe in der Output Console und lässt sich filtern. Es gibt auch die Aliasse __JUSTZIX__ und JZ.log/.warn/... — falls die Seite eine eigene Variable namens JUSTZIX hat.
Warum nicht das normale console.log
- Keine DevTools. Die Output Console rendert auf der Seite. Du musst F12 nicht öffnen oder offen halten.
- Sie bleibt im Blickfeld. Ein angepinntes Output-Fenster bleibt in der Ecke des Tabs — du siehst Logs aus dem Augenwinkel, die ganze Zeit.
- Filter und Suche. Du filterst Stufen und durchsuchst Einträge — eingebaut ins Fenster.
Die Output Console erfasst auch das eigene console.log der Seite und nicht abgefangene Fehler — aber JUSTZIX.* ist dein eigener Kanal, visuell vom Lärm der Seite getrennt.
Muster — Kontrollpunkte in einer Regel
JUSTZIX.info('Warenkorb-Regel — Start');
const items = document.querySelectorAll('.cart-item');
JUSTZIX.log('Positionen im Warenkorb: ' + items.length);
if (!items.length) JUSTZIX.warn('Leerer Warenkorb — Selektor noch aktuell?');
Die Regel erzählt selbst, was sie tut. Wenn sie aufhört zu funktionieren, zeigt die Output Console genau, bei welchem Schritt — ohne zu raten.
Fallstricke
- Logs in einer Schleife. Ein
JUSTZIX.login einemscroll-Handler oder einemMutationObserverflutet das Fenster. Logge Ereignisse, nicht jeden Frame. - Die debug-Stufe kann versteckt sein. Die Output Console filtert
debugstandardmäßig — siehst du einen Eintrag nicht, prüfe den Stufenfilter.
Siehe auch
- Output Console — die vollständige Fensterbeschreibung
- Output Console fängt Fehler — was sonst im Fenster landet
- Regeln, die DOM-Änderungen überstehen — der Logger als Frühwarnsystem
Installiere JustZix — und logge ohne die DevTools zu öffnen.
Bewerte diesen Beitrag
Noch keine Bewertungen — sei der Erste.