← Alle Beiträge

API & Helfer

Globale Tastaturkürzel Ctrl+Shift+L/S/K/H — Keyboard-first-Workflow für die Output Console

15 Mai 2026 · von JustZix Team

Ein Power-User will nicht klicken. Ein Power-User will Ctrl+Shift+irgendwas und einen Effekt sehen. Seit v2.13.75 hat JustZix 4 globale Kürzel für die Output Console hinzugefügt — alle leben in einem Capture-Phase-Listener auf document, sodass sie funktionieren, selbst wenn der Fokus in einer App-Textarea ist, wenn die Seite einen Vim-Modus hat oder wenn du an einem Modal-Popup feststeckst. Die einzige Bedingung: mindestens ein Output-Console-Pane lebt auf der Seite.

Vier Kürzel — was sie tun

Alle Kürzel broadcasten an jede gerenderte Output Console — wenn du 3 OC-Panes in einem Tab hast (z. B. eines auf „fetch" gefiltert, ein zweites auf „GTM", ein drittes roh), leert Ctrl+Shift+L alle drei.

Warum Ctrl+Shift, nicht nur Ctrl?

Früher (v2.13.69-74) hatte die Output Console Ctrl+L als Clear. Problem: Ctrl+L fokussiert in manchen Browsern die Adressleiste, wenn der Fokus außerhalb einer Textarea ist. Keine saubere Konfliktauflösung — der Content-Script-Listener blockiert das native Browser-Kürzel nicht immer.

Ctrl+Shift+L hat keine Kollision mit nativen Kürzeln. Bonus: dasselbe Muster wie die anderen (Ctrl+Shift+S/K/H) — leichter zu merken („sie beginnen alle mit Ctrl+Shift").

Capture-Phase-Listener — warum das überall funktioniert

Stell dir einen typischen keydown-Flow auf einer Seite vor:

document (capture) ↓
  body (capture) ↓
    div.container (capture) ↓
      textarea#commentBox (target) ← der User tippt hier
    div.container (bubble) ↑
  body (bubble) ↑
document (bubble) ↑

JustZix hängt einen Listener an document in der Capture-Phase — erster in der Kette, vor jedem Seiten-Handler. Bei einem Treffer (Ctrl+Shift+L/S/K/H) ruft JustZix e.preventDefault() + e.stopPropagation() auf, und die Seite sieht das Event nie. Funktioniert selbst wenn der Fokus in einer Textarea ist — wo Ctrl+L normalerweise „gesamten Text markieren" täte.

Anwendungsfall 1 — Keyboard-first-QA-Workflow

Du testest zyklisch 5 Flows in einer App. Jeder Flow:

1. Eine Aktion ausführen (in der App herumklicken)
2. Output Console prüfen — sieht das Log OK aus
3. Das Log vor dem nächsten Flow leeren

Ohne Kürzel: Schritt 3 = Rechtsklick auf den Output-Console-Header → „Log leeren". Mit einem Kürzel: Ctrl+Shift+L. 5× schneller, die Hände bleiben auf der Tastatur, der Fokus bleibt auf der getesteten App.

Bonus: Wenn ein Flow Hunderte Zeilen loggt, willst du danach vielleicht nur deine JZ.log: Ctrl+Shift+K zweimal → [J]-Modus → nur deine Logs sichtbar. Ein weiteres Ctrl+Shift+K → [C] (nur die Seite). Ein drittes → [C+J] (alles).

Anwendungsfall 2 — API-Discovery via Ctrl+Shift+H

Ein neuer JustZix-User. Weiß, dass es JUSTZIX.log() gibt, erinnert sich aber nicht, was sonst noch. Statt die Doku zu öffnen:

Ctrl+Shift+H → ein Overlay mit einem Popup:

• JZ-API: Liste der Aktionsmethoden (JZ.click, JZ.value, JZ.setValue, JZ.action)
• Aliasse: window.JUSTZIX (primär), window.__JUSTZIX__ (immer), window.JZ (wenn frei)
• Console-Capture: welche Events erfasst werden (console.log/warn/error/info/debug + JZ.log)
• Kürzel: Ctrl+Shift+L/S/K/H mit Beschreibungen

Esc / Klick außerhalb / erneutes Ctrl+Shift+H schließen es. Seit v2.13.80 ist das Popup am Header ziehbar — du kannst es zur Seite schieben, um etwas darunter zu sehen, auf den Viewport begrenzt, damit es nicht vom Bildschirm fliegt.

Anwendungsfall 3 — Suche ohne nach der Maus zu greifen

Die Output Console zeigt 800 Zeilen. Du suchst „purchase". Modus eins: scrollen und Ctrl+F (Browser-Suche) — funktioniert, aber Ctrl+F findet auch Text in anderen Seitenelementen.

Modus zwei: Ctrl+Shift+S → das Suchfeld fährt über dem Log aus, Fokus dort, du tippst „purchase" → der Live-Filter zeigt nur passende Zeilen. Esc leert die Suche. Ein weiteres Ctrl+Shift+S schließt das Suchfeld.

Bonus: Die Suche ist pro Tab persistent im sessionStorage. F5 → die Suche kommt mit dem alten Filter zurück.

Anwendungsfall 4 — Multi-Monitor-Power-User

Monitor 1: die getestete App. Monitor 2: derselbe Tab in einem anderen Fenster (Chrome „In anderes Fenster verschieben" + Ziehen). Der erste Tab löst einen Flow aus, der zweite Tab zeigt die Output Console im Vollbild. Ctrl+Shift+L mit Fokus auf Monitor 2 → leert beide Tabs? Nein — das Kürzel wirkt pro Tab, also nur den Tab, auf dem du den Fokus gelassen hast.

Für tabübergreifende Synchronisation → nutze eine JS-Regel + JUSTZIX.log in beiden, mit einem Zeitstempel zum Filtern.

Fallstricke

• Kürzel erfordern ≥1 gerenderte Output Console. Ohne eine OC auf der Seite hängt der Listener nicht einmal an. Wenn die JustZix-Regel nicht zur aktuellen Domain passt → keine OC → keine Kürzel. Das ist Absicht — der Listener hängt nur an, wenn nötig.
• Manche Browser überschreiben Ctrl+Shift+Buchstabe für eigene Kürzel (z. B. Ctrl+Shift+T = geschlossenen Tab wiederherstellen). JustZix ruft preventDefault auf, aber manche Browser-Kürzel laufen in nativem Code und schlagen unseren Capture-Listener. Wenn du einen Konflikt bemerkst — ändere das Kürzel in der Erweiterung (geplant; aktuell hartkodiert).
• Hilfe-Popup z-index 2147483646. Eins unter max int32 (2147483647). Drag-Handles anderer Panes haben z-index 2147483645, sodass das Popup immer darüber liegt. Manche Seiten nutzen ebenfalls max int — JustZix gewinnt trotzdem um eins gegen Seiten-Modals.
• Der viewMode-Zyklus überspringt keine Zustände, selbst wenn [J] leer wäre. v2.13.78 durchläuft immer [C+J] → [C] → [J] → [C+J], auch wenn [J] leer wäre. Absicht — zeigt, dass der Modus aktiv ist, selbst wenn es keine Logs gibt.
• Kürzel pausieren NICHT, wenn der Fokus in JS Console / JS pane ist. Dort tippt der User Code — Ctrl+Shift+L könnte stören. Der Listener ruft preventDefault auf, sodass das Kürzel weiterhin funktioniert, ohne Text zu löschen. Best Practice: Wenn du aktiv in einem Pane tippst, nutze die Maus für Clear / Mode-Umschaltung.

Wie es weitergeht

Globale Kürzel sind eine „Power-User-Schicht" über der Output Console — den meisten Usern reicht das Klicken von Buttons im Pane-Header. Aber wenn eine QA-Toolbar dein tägliches Werkzeug ist, sparen dir diese 4 Kürzel zig Minuten pro Woche.

Sieh dir auch Verwandtes an:

• Output Console Deep-Dive — vollständige Panel-API
• window.JUSTZIX + JZ helpers — die programmatische API, die die Kürzel im Hilfe-Popup zeigen
• Mini-IDE im Tab — vollständige Karte aller Fenster

Installiere JustZix — komplett kostenlos, kein Konto, kein Server.