← Alle Beiträge

Leitfäden

Das Bearbeitungspanel neben Ihrer Seite — Ctrl+Alt+I, O, P

20 Mai 2026 · von JustZix Team

Manchmal wollen Sie das JustZix-Bearbeitungspanel neben der Seite haben, nicht an ihrer Stelle. Sie schreiben eine Regel für Wikipedia, möchten aber gleichzeitig beobachten, wie Ihre CSS-Selektoren beim Tippen echte Elemente treffen. Drei neue Tastenkürzel ab v3.2.4 — Ctrl+Alt+I, Ctrl+Alt+O, Ctrl+Alt+P — öffnen das Panel in einem zweiten Browserfenster, wählen automatisch die erste für die aktuelle Seite aktive Regel aus und landen auf dem richtigen Tab.

Drei Tastenkürzel, drei Tabs

• Ctrl+Alt+I — Bearbeitungspanel, der Tab CSS.
• Ctrl+Alt+O — Bearbeitungspanel, der Tab JS.
• Ctrl+Alt+P — Bearbeitungspanel, der Tab Aktionen.

Das Tastenkürzel öffnet das Panel in einem separaten Browserfenster (Typ normal, 1200×850 — angenehm auf mittleren und größeren Bildschirmen), nicht in einem neuen Tab. Sie können es neben der Seite belassen oder auf einen zweiten Monitor verschieben.

Automatische Auswahl der aktiven Regel

Sobald das Panel geöffnet ist, scannt es Ihren Regelbaum, findet die erste Regel, die auf der aktuellen Seite aktiv ist (Ordner/Gruppe/Regel haben jeweils die Kaskade an, die URL-Muster passen), und wählt sie automatisch aus. Der Baum klappt zu dieser Regel auf, der gewählte Tab wird aktiviert — Sie können sofort mit dem Tippen beginnen.

Wenn keine Regel passt, öffnet sich das Panel leer, bereit für eine neue. Das ist Absicht: Sie sind auf facebook.com, haben noch keine Regel — drücken Sie Ctrl+Alt+I, Sie bekommen ein leeres Panel mit geöffnetem CSS-Tab, zwei Klicks und Sie legen die erste Regel an.

Dasselbe Tastenkürzel im Panel = Tab-Umschalter

Wenn das Panel-Fenster bereits geöffnet ist und Sie sich auf Regelebene befinden (nicht im Dashboard oder im Editor eines Ordners/einer Gruppe), wechselt das Drücken desselben Trios den aktiven Tab der Regel:

• Ctrl+Alt+I → der Tab CSS
• Ctrl+Alt+O → der Tab JS
• Ctrl+Alt+P → der Tab Aktionen

Das Tastenkürzel erzeugt kein zweites Fenster — das System fokussiert das vorhandene. Wenn Sie gerade im Dashboard sind oder einen Ordner/eine Gruppe bearbeiten, macht das Tastenkürzel im Panel nichts (No-op), denn es gibt keinen „aktiven Tab" zum Umschalten.

Kompatibel mit jedem Tastaturlayout

Die erste Version des Tastenkürzels glich die Taste über e.key ab. Auf dem polnischen Layout Programmers stellte sich das als Problem heraus: AltGr+O erzeugt ó, sodass Ctrl+Alt+O mit dem rechten Alt (= AltGr) e.key === 'ó' lieferte und das Tastenkürzel nicht auslöste. I und P haben auf Polnisch unter AltGr keine diakritischen Zeichen und funktionierten deshalb.

In v3.2.5 ist der Abgleich auf e.code umgestellt (KeyI / KeyO / KeyP) — die physische Taste, unabhängig von Layout und AltGr. Dasselbe Muster verwenden wir für den KI-Helfer (e.code === 'Backslash'). Das Tastenkürzel funktioniert auf jedem Layout identisch: Polnisch, Deutsch, Französisch, Russisch, Chinesisch.

Anwendungsfall 1 — eine Regel für facebook.com neben der Vorschau schreiben

Sie öffnen facebook.com, drücken Ctrl+Alt+I — in einem zweiten Fenster erscheint das Panel mit geöffnetem CSS-Tab. Sie schreiben einen Selektor, speichern, schauen auf facebook.com — das Element ist weg. Sie schauen auf facebook.com, etwas fehlt offensichtlich, Sie wechseln den Fokus zum Panel und bearbeiten. Mit zwei Monitoren tun Sie das ohne Alt-Tab — mit einem Monitor ziehen Sie das Fenster auf die halbe Bildschirmbreite und arbeiten im Split-Style.

Anwendungsfall 2 — eine schnelle JS-Bearbeitung einer bestehenden Regel

Sie sind auf YouTube, Ihre Regel „YouTube: Vorschläge ausblenden" hat nach einem Seitenupdate aufgehört zu funktionieren. Sie drücken Ctrl+Alt+O — das zweite Fenster öffnet sich direkt auf dem JS-Tab Ihrer YouTube-Regel (weil das die einzige auf diesem Tab aktive Regel ist). Sie reparieren sie, speichern, laden den ersten Tab neu — es funktioniert. Kein Suchen im Baum.

Anwendungsfall 3 — ein zweiter Monitor als permanentes Panel

Wenn Sie mit zwei Monitoren arbeiten: der linke hat den Browser mit der Seite, die Sie besuchen; der rechte ist dem JustZix-Panel gewidmet. Ctrl+Alt+I/O/P auf dem linken öffnet oder fokussiert das Panel auf dem rechten und springt auf den richtigen Tab. Ein IDE-artiger Workflow mit geöffnetem Dev-Panel, aber gegen eine lebendige Seite.

Architektur

Unter der Haube: Das Content-Skript erkennt das Tastenkürzel und schickt ein Ziel (Tastenkürzel-Typ + URL des aktuellen Tabs) an den Hintergrundprozess. Der Hintergrundprozess prüft, ob das Panel-Fenster bereits existiert:

• Es existiert nicht → er erzeugt ein neues Fenster (chrome.windows.create Typ normal, 1200×850), speichert eine Pending-Nav in chrome.storage.local.jzPendingEditNav. Beim Start konsumiert das Panel das Ziel aus dem Storage und wählt die Regel + den Tab.
• Es existiert → er fokussiert das Fenster (chrome.windows.update focused:true), schiebt das Ziel über den Storage. Das Panel reagiert auf storage.onChanged.

Dieser Ansatz ist vollständig asynchron und erforderte keine Änderung an options.js — es konsumiert beim Start und bei Storage-Änderungen einfach _ruleEditorTab und jzPendingEditNav.

Siehe auch

• Fenster auf der Seite — Entwicklerfenster innerhalb der Seite
• JustZix-Tastenkürzel — der vollständige Spickzettel — alle eingebauten Tastenkürzel
• JS-Regeln funktionieren jetzt auf Facebook, X und GitHub — derselbe Workflow neben der Seite

JustZix installieren — und behalten Sie einen Editor neben der Seite unter einem Tastenkürzel.