← Alle Beiträge

API & Helfer

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:

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

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

Siehe auch

Installiere JustZix — und logge ohne die DevTools zu öffnen.

Bewerte diesen Beitrag

Noch keine Bewertungen — sei der Erste.

Probiere es selbst aus

Installiere JustZix und füge ein beliebiges Snippet aus diesem Artikel ein. Zwei Minuten von null bis zu einer funktionierenden Regel auf allen deinen Geräten.

JustZix holen

Funktionen · So funktioniert es · Beispiele · Anwendungsfälle