Der schwebende Button

Der schwebende Button ist ein kleines rundes Steuerelement, das direkt auf jeder Seite erscheint, auf der einer deiner Ordner passt. Ein Blick verrät, ob deine Regeln aktiv sind, und ein Klick schaltet sie alle um — ohne das Erweiterungspanel zu öffnen.

Kostenlos herunterladen Beispiele ansehen

Steuerung direkt auf der Seite

Der schwebende Button sitzt dort, wo du arbeitest — auf der Seite selbst, nicht hinter dem Erweiterungssymbol in der Browser-Symbolleiste versteckt. Er erscheint nur, wenn die aktuelle Adresse zu mindestens einem deiner Ordner passt, sodass Seiten ohne Regeln aufgeräumt bleiben.

Es ist ein kleines rundes Steuerelement. Ein Klick schaltet jeden passenden Ordner auf einmal ein oder aus — ein praktischer „Zeig mir die Seite ohne meine Anpassungen"-Schalter.

Die Farbe sagt alles

Allein die Farbe des Buttons ist ein vollständiger Statusbericht. Du musst nie etwas öffnen, um zu wissen, was aktiv ist:

Inject Green (oder deine Ordnerfarbe) — alle passenden Ordner aktiviert.
Syntax Orange — manche aktiviert, manche deaktiviert (gemischter Zustand).
Muted Gray — alle deaktiviert.
Halt Red — die Erweiterung ist global aus.

Ein Panel für einzelne Regeln

Ein Rechtsklick auf den Button öffnet ein Panel mit jedem Ordner, jeder Gruppe und jeder Regel, die zu dieser Seite passt. Du schaltest jeden Eintrag einzeln um — lass eine CSS-Anpassung laufen, während du eine andere deaktivierst, ohne je das Hauptpanel der Erweiterung zu öffnen.

Das ist nützlich, wenn eine Seite mehrere Regeln trägt und du prüfen willst, welche für etwas verantwortlich ist. Über das Panel erreichst du auch die übrigen Fenster von JustZix, wenn du den vollständigen Editor brauchst.

Immer da, nie im Weg

Du kannst den Button überall auf den Bildschirm ziehen, und JustZix merkt sich seine Position für jedes Browserfenster getrennt. Die gewählte Ecke bleibt bei späteren Besuchen erhalten.

Er ist bewusst dezent: klein, halbtransparent bis du mit der Maus darüberfährst, und er fängt nie Klicks ab, die für die Seite gedacht sind. Wenn du ihn gar nicht sehen möchtest, kannst du ihn ausblenden — deine Regeln arbeiten genau gleich weiter, nur ohne sichtbares Steuerelement auf der Seite.

Weitere Funktionen

{ } CSS- und JavaScript-InjektionErstelle CSS- und JavaScript-Regeln für jede Domain oder jeden URL-Pfad. Blende Elemente aus, korrigiere Layouts, füge eigene Logik hinzu. ⊞ Hierarchische OrganisationOrdner, Gruppen, Regelsätze und Aktionen bilden einen Baum, der Ordnung hält — von einer CSS-Korrektur bis zu Hunderten Regeln. ◉ URL-Muster mit WildcardsBinde Regeln an eine exakte Adresse, eine ganze Website oder alle Subdomains. Das *-Zeichen deckt jeden Teil ab, Ausschlussmuster halten die Regel an ihrem Platz. ⚡ Das Aktionspanel — 6 SteuerelementtypenEine interaktive Leiste auf der Seite mit sechs Steuerelementtypen: Button, Auswahl, Eingabe, Schieberegler, Textfeld und Dreizustands-Schalter. Jede Aktion führt Code aus. ⌨ Programmatische APIs — JZ und JUSTZIXZwei Globals — JZ und JUSTZIX — lassen deine Regelskripte Aktionsbuttons programmatisch auslösen und direkt in die Output Console schreiben, ohne DevTools. ⇄ Geräteübergreifende SynchronisierungEin Sync-Schlüssel verbindet jeden Browser. Regeln, Ordner und Einstellungen propagieren mit Konfliktlösung pro Entity, ohne pauschales Überschreiben. ⇗ Freigaben und BackupsTeile einen Ordner, eine Gruppe oder eine Regel per Kurzlink, der nach 1–48 h abläuft, und sichere deine Daten mit automatischen Cloud-Backups. ▣ Fenster auf der Seite — CSS, JS und KonsolenFünf Dev-Fenster direkt auf der Seite: CSS- und JS-Editor, REPL-Konsole, Log-Viewer und KI-Assistent — ganz ohne DevTools.

Alle Funktionen →