Praktische CSS- und JavaScript-Snippets, Anwendungsfälle, UX-Tricks — mit fertigem Code zum Einfügen in JustZix.
Keine Beiträge entsprechen deiner Suche.
Eine vollständige Überarbeitung des Network-Tabs in der Output Console: zwei Domänenfelder mit vielen Einträgen über „|", Alt+Klick zum sofortigen Hinzufügen, exponentielle Schieberegler mit Eingabefeldern, anpassbare DataLayer-Spalten, Kürzung langer URLs.
Das × in TEMP CSS/JS hat bisher den Inhalt gelöscht — in v3.2.2 behoben. Dazu eine neue Schaltfläche „Leeren" mit Rückgängig (v3.2.3). Zwei Absichten, zwei Schaltflächen.
Die alte „API-Hilfe" unter Ctrl+Shift+H wurde zu einem vollständigen zweispaltigen Leitfaden für die Erweiterungs-UI auf der Seite — 8 Abschnitte, funktioniert global auf jeder Seite, in 8 Sprachen. Ab v3.0.0 und v3.0.1.
Drei neue Tastenkürzel ab v3.2.4 öffnen das JustZix-Bearbeitungspanel in einem separaten Browserfenster, wählen automatisch die erste auf der aktuellen Seite aktive Regel aus und landen auf dem Tab CSS, JS oder Aktionen. Dieselben Tastenkürzel im Panel wechseln die Tabs.
JustZix bringt jetzt zwei integrierte Tutorial-Engines mit: eine im Bearbeitungspanel, die andere direkt auf der Seite. 19 Schritte des Szenarios „Ihr erstes Projekt", kopierbare Codeschnipsel, 8 Sprachen, Esc schließt es.
Seiten mit der striktesten CSP — Facebook, X, GitHub — blockieren herkömmliche JS-Injektion. JustZix kommt mit einer dreistufigen Strategie durch: chrome.userScripts, new Function, Blob-Skript. Null Konfiguration in 99 % der Fälle, ein einmaliges Opt-in für den Rest.
Fertige Regeln für Slack, Trello, Discord, Outlook, Notion, GitHub, GitLab, Telegram und Gmail — Dichte, Seitenleisten und ein Fokusmodus.
Fertige Regeln für Wikipedia, Medium, BBC, Goodreads, Hacker News und Stack Overflow — Lesebreite, Typografie, Dunkel- und Sepia-Modus.
Fertige Regeln für Netflix, Disney+, Spotify, SoundCloud, Twitch, Vimeo und YouTube — stoppen Sie automatisch abgespielte Trailer und kürzen Sie Empfehlungszeilen.
Fertige Regeln für Amazon, eBay, AliExpress, Etsy und Allegro — blenden Sie gesponserte Angebote, Druckzähler und Cross-Selling-Karussells aus und stellen Sie den Preis in den Vordergrund.
Fertige CSS- und JS-Regeln für YouTube, Reddit, X, Instagram, Facebook, TikTok, Threads, Pinterest und LinkedIn — blenden Sie den „Für dich“-Feed, Vorschläge und Zähler aus.
Eine neue Option pro Regelsatz verhindert, dass JavaScript bei SPA-Navigation erneut läuft — keine doppelten Listener und parallelen Intervalle mehr.
Der Network-Tab in der Output-Konsole verfügt über einen kompletten Satz an Filtern: nach Domain (Domains+/Domains-), nach Größe und nach Zeit — plus Domains per Klick hinzufügen.
Jedes eingebaute JustZix-Tastaturkürzel an einem Ort: Code-Editoren, die Konsole, das Output-Fenster, der Network-Tab, TEMP-Fenster und Aktionskürzel.
Ein praktischer Leitfaden zum Diagnostizieren und Beheben von Unterschieden zwischen Geräten in JustZix mithilfe des Synchronisierungsverlaufs und der vollständigen Resynchronisierung.
Der Status-Tab im JustZix-Synchronisierungspanel zeigt jetzt einen Synchronisierungsverlauf, den Zustand Ihrer Bibliothek auf dem Konto und eine Schaltfläche für die vollständige Resynchronisierung.
JustZix erkennt SPA-Navigation über pushState — Regeln, Aktionsleisten und Fenster, die auf einen URL-Pfad abgeglichen sind, schalten sich ohne manuelles Neuladen der Seite ein.
Die JustZix-Cloud-Synchronisierung umfasst jetzt Ihr Design, Ihre Oberflächensprache und Nutzungsstatistiken, die über jedes gekoppelte Gerät summiert werden.
Vier neue AI-Helper-Werkzeuge: Der Assistent testet Code in TEMP-Fenstern, liest Fehler aus der Seitenkonsole und erstellt nicht nur Regeln, sondern auch Aktionsleisten und Schaltflächen.
Öffnen Sie das JustZix-Bearbeitungspanel, und das Dashboard begrüßt Sie — Kacheln mit Ihrem Bibliotheksinventar, Nutzungsstatistiken, dem Erweiterungszustand und Abkürzungen zurück zur letzten Arbeit.
Gestalten Sie das Booksy-Dashboard mit JustZix um — ein dichterer Kalender, hervorgehobene heutige und unbestätigte Termine, ausgeblendete Promos und ein ablenkungsfreier Fokusmodus.
Gestalten Sie Allegro mit JustZix um — gesponserte Angebote ausblenden, ein dichteres Ergebnisraster, kostenlose Lieferung und Smart hervorheben und Banner sowie Karussells entfernen.
Pro-Banner und Vorlagen-Promos ausblenden, die Editor-Leinwand vergrößern und Canva-Seitenpanels entrümpeln mit ein paar CSS- und JS-Regeln in JustZix.
Beworbene Beiträge, die „Personen, die Sie kennen könnten“-Module und die rechte News-Leiste ausblenden. Ein ruhigerer LinkedIn-Feed mit ein paar CSS- und JS-Regeln.
Produkt- und Bestelltabellen verdichten, niedrigen Bestand und unbezahlte Bestellungen hervorheben, Upsell-Banner ausblenden — fertige CSS- und JS-Regeln für das Shopify-Backend.
Plugin-Upsell-Hinweise ausblenden, das Admin-Menü entrümpeln, den Beitragseditor verbreitern und die Veröffentlichen-Box anheften — fertige CSS- und JS-Regeln für wp-admin.
Entrümpeln und formen Sie Gmail, Google Kalender, Docs und Sheets: Meet- und Promo-Panels ausblenden, den Posteingang verdichten, den Lesebereich verbreitern, einen Fokusmodus hinzufügen.
Formen Sie Notion nach Ihren Bedürfnissen: Seiten in voller Breite, ein Fokusmodus, eigene Schriften, gestaltete Callout-Blöcke, zebragestreifte Datenbankzeilen und klebende Tabellenköpfe.
Eine praktische Anleitung zum Umzug von Userscripts zu JustZix-Regeln: wie das URL-abgeglichene Regelmodell sich vergleicht und wann man welches Werkzeug verwendet.
Säubern Sie Tracking-Parameter aus Links, neutralisieren Sie Tracking-Pixel und ordnen Sie geteilte URLs mit defensiven, kopierfertigen JustZix-Regeln.
Verbreitern Sie Code-Ansichten, heften Sie Dateikopfzeilen an und zähmen Sie den GitHub-UI-Lärm mit praktischen JustZix-CSS-Regeln, gebaut für Entwickler, die viel Code lesen.
Blenden Sie beworbene Beiträge, vorgeschlagene Inhalte und Engagement-Köder auf Reddit und X mit beschränkten JustZix-CSS-Regeln aus, die Sie kopieren und einfügen können.
Blenden Sie Shorts aus, beseitigen Sie den Wust auf dem Abspann und legen Sie eine Standard-Wiedergabegeschwindigkeit auf YouTube fest mit kopierfertigen JustZix-CSS- und JS-Regeln.
Eine praktische Anleitung zur Verbesserung von Bildern auf jeder Seite: Zoom beim Überfahren, erzwungenes sofortiges Laden und eine Ein-Klick-Download-Schaltfläche mit JustZix.
Ersetzen Sie kaputte oder versteckte benutzerdefinierte Videoplayer durch die native Steuerleiste des Browsers mit einer JustZix-JavaScript- und CSS-Regel.
Eine JustZix-Regel, die automatisch abspielende Videos und Audios in dem Moment pausiert und stummschaltet, in dem sie starten, damit Seiten ohne Überraschungston ruhig öffnen.
Verwenden Sie die Bild-in-Bild-API mit einer JustZix-Regel, um jedes Video in ein schwebendes Fenster zu bringen, selbst auf Seiten, die die native Schaltfläche verstecken.
Fügen Sie jedem Video-Element mit einer JustZix-JavaScript-Regel benutzerdefinierte Geschwindigkeitssteuerungen hinzu, einschließlich Tastenkürzeln und einem schwebenden Geschwindigkeits-Abzeichen.
Verwandeln Sie praktische Einzelskripte in JustZix-Aktionsschaltflächen: eine Seite als Markdown kopieren, Tracking-Parameter entfernen und externe Links in neuen Tabs öffnen.
Belegen Sie Tasten mit Scrollen, Navigation und Klicks auf Seiten ohne Tastenkürzel. Eine JustZix-JavaScript-Regel verwandelt jede Seite in eine tastaturgesteuerte App.
Hören Sie auf, "Mehr anzeigen" und "Nächste Seite" zu klicken. Eine JustZix-JavaScript-Regel kann eingeklappte Abschnitte aufklappen und jede Seite für Sie laden.
Cookie-Einwilligungs-Popups unterbrechen jeden Besuch. Verwenden Sie eine kleine JustZix-JavaScript-Regel, um sie automatisch zu schließen, sobald sie erscheinen.
Manche Seiten blockieren Textauswahl, Kopieren und das Kontextmenü. Aktivieren Sie alles wieder mit drei kurzen JavaScript-Snippets und einer CSS-Regel.
Ein kleines JustZix-JavaScript-Snippet, das jeden Artikel vermisst und ein schwebendes Lesezeit- und Wortzahl-Abzeichen anzeigt.
Entfernen Sie Empfehlungsspalten, fixierte Leisten und toxische Kommentar-Threads aus jedem Artikel mit ein paar gezielten JustZix-Anzeigeregeln.
Tauschen Sie grell weiße Seiten gegen warme, blendarme Leseflächen mit CSS-Rezepten für Sepia, Creme und sanfte Papiertöne.
Warum die Zeilenlänge die Lesbarkeit macht oder bricht, und die genauen CSS-Regeln, um jeden Artikel auf ein angenehmes Maß festzulegen.
Verwandeln Sie jede überladene Artikelseite mit einer Handvoll von JustZix eingefügter CSS-Regeln in eine saubere, ruhige Leseansicht.
Gestalten Sie Bildlaufleisten und bauen Sie Hochkontrast- oder Graustufen-Themes für jede Website mit JustZix-CSS-Regeln. Praktische, auf Barrierefreiheit ausgerichtete Rezepte.
Machen Sie beengte Websites lesbar, indem Sie Schriftgröße, Zeilenhöhe und Inhaltsbreite mit JustZix-CSS-Regeln abstimmen. Kopierfertige Rezepte für eine ruhigere Seite.
Ersetzen Sie hässliche oder schwer lesbare Schriftarten auf jeder Seite mit JustZix-CSS-Regeln. Rezepte für Systemschriften, benutzerdefinierte Webschriften und code-freundliche Monospace.
Färben Sie Links, Schaltflächen und Hervorhebungen auf jeder Seite mit JustZix-CSS-Regeln um. Praktische Rezepte zum Überschreiben von Akzentfarben, ohne die Markup zu berühren.
Verwandeln Sie jede helle Website mit ein paar JustZix-CSS-Regeln in ein angenehmes dunkles Theme. Kopierfertige Rezepte für filterbasierte und native Dunkelmodi.
Entfernen Sie gesponserte Beiträge, vorgeschlagene Inhalte und lärmende Seitenleisten aus Ihren Social-Feeds mit einem kompletten Satz kopierfertiger JustZix-CSS- und JS-Rezepte.
Fixierte Navigationsleisten fressen Ihren Bildschirm und verdecken Text, wenn Sie zu Ankern springen. Holen Sie sich den Platz zurück mit diesen kopierfertigen JustZix-CSS-Rezepten.
Blenden Sie Banner-Anzeigen, Werbeflächen und gesponserte Inhaltsblöcke mit leichtgewichtigen JustZix-CSS-Regeln aus, die sofort laden — ohne zusätzlichen Werbeblocker.
Stoppen Sie modale Newsletter-Popups und Exit-Intent-Overlays mit kopierfertigen JustZix-CSS- und JavaScript-Regeln, damit sie Ihr Lesen nicht unterbrechen.
Beseitigen Sie Cookie-Banner und Einwilligungs-Overlays mit ein paar zum Kopieren bereiten CSS- und JS-Regeln, damit Seiten bei jedem Besuch sauber laden.
Eine Zusammenfassung des neuesten JustZix-Updates: der neue AI-Helper-Assistent, die Code-Suche im Editor und die neu gebaute Output-Konsole mit 6 Tabs.
Die neue Suchleiste im Editor: Trefferzähler, blaue und gelbe Hervorhebung, Navigationspfeile und jedes Tastenkürzel für CSS- und JS-Editoren.
Ein ehrlicher Blick auf die Nutzung von OpenAI, Anthropic und Gemini im JustZix AI Helper: wie alle drei gleich funktionieren, die echten Unterschiede und das Wechseln.
AI Helper ändert Ihre Einrichtung niemals stillschweigend. Er testet Code in sichtbaren TEMP-Fenstern, und jeder Ordner, jede Gruppe oder Regel braucht Ihr ausdrückliches OK.
Eine praktische Anleitung: Beschreiben Sie AI Helper ein Ziel, beobachten Sie, wie er die Seite inspiziert, in einem TEMP-Fenster testet und die Regel nach Ihrem OK speichert.
Wie AI Helper mit query_page das Live-DOM inspiziert und mit list_structure Ihre Regelbibliothek liest, und warum bedarfsgesteuert besser ist als die ganze Seite zu übertragen.
Wo AI Helper Ihre API-Schlüssel speichert, warum Aufrufe über den Background-Worker gehen, die optionale Cloud-Synchronisierung pro Schlüssel und ehrliche Schlüsselhygiene.
Wie AI Helper eine agentische Schleife ausführt: das @@JZ_TOOL@@-Protokoll, das 8-Schritte-Limit, jedes Werkzeug und warum es bei allen Anbietern gleich funktioniert.
Schritt für Schritt: Beschaffen Sie sich einen OpenAI-, Anthropic- oder Gemini-API-Schlüssel, geben Sie ihn in den JustZix-Einstellungen ein, wählen Sie einen Standardanbieter und ein Modell.
AI Helper ist ein Chat-Assistent, der auf jeder Seite lebt. Bringen Sie Ihren eigenen API-Schlüssel mit, geben Sie ihm Seitenkontext und lassen Sie ihn mit Ihnen CSS/JS-Regeln erstellen.
Greasemonkey gibt es nur für Firefox. Hier ist ein ehrlicher Leitfaden zu den Chrome-Entsprechungen: Tampermonkey, Violentmonkey und JustZix, mit Tipps zur richtigen Wahl.
Lernen Sie, wie man JavaScript auf jeder Webseite ausführt: die DevTools-Konsole, Bookmarklets und ein dauerhafter regelbasierter Ansatz mit JustZix, plus echte Beispiele.
Lernen Sie, wie man eigenes CSS zu jeder Website hinzufügt. DevTools, Browser-Werkzeuge und ein Erweiterungs-Ansatz erklärt, mit einer Schritt-für-Schritt-Anleitung für JustZix und Beispielen.
Sie wollen eine sichere Stylish-Alternative für eigenes CSS? Ein ehrlicher Blick auf die Stylish-Geschichte, das quelloffene Stylus und JustZix — ohne Telemetrie.
Sie suchen Tampermonkey-Alternativen? Ein ehrlicher Vergleich von Violentmonkey, Greasemonkey, Stylus und JustZix — was jedes gut kann und wann es die richtige Wahl ist.
Die Output Console von JustZix hat einen Network-Tab, der Anfragen über chrome.webRequest erfasst — im Tab, mit Hintergrundpuffer, Filtern und Schiebereglern.
Die Output Console von JustZix ist ein schreibgeschützter Log-Viewer im Tab — 6 Tabs für Konsole, Netzwerk, Fehler und dataLayer, mit Live-Filtern und Suche.
Lass JustZix-Regeln sich je nach Tageszeit oder Wochentag anders verhalten: ein Fokusmodus für Arbeitsstunden, eine warme Nachttönung, Layouts nur am Wochenende und mehr.
Debugge Responsive-Layouts ohne DevTools: ein Live-Viewport-Abzeichen, der Breakpoint-Name, ein Überlauf-Finder und ein Grid-Lineal, direkt auf die Seite injiziert.
Baue einen JustZix-Aktions-Button, der eine Seite oder deine Textauswahl als sauberes Markdown kopiert — Überschriften, Links, Listen, Code — ohne Navigation oder Werbung.
Injiziere ein JavaScript-Barrierefreiheits-Overlay: erkenne fehlende Alt-Texte, unbeschriftete Eingabefelder, niedrigen Kontrast und Überschriften-Sprünge in Sekunden, auf jeder Seite.
Injiziere ein @media print-Stylesheet, um Drucken und Als PDF speichern auf Seiten zu reparieren, die schlecht drucken. Navigation verstecken, Seitenumbrüche steuern, Tinte sparen.
Beobachte ein Preis- oder Verfügbarkeitselement mit MutationObserver und werde benachrichtigt, wenn der Preis unter eine Schwelle fällt oder ein ausverkaufter Artikel wieder verfügbar ist.
Neutralisiere Dark Patterns mit CSS und JavaScript: verstecke falsche Countdowns und falsche Zuschauerzahlen, friere Timer ein und entferne Häkchen aus vorab angekreuzten Add-on-Boxen.
Weiche Paywalls verstecken einen bereits im DOM vorhandenen Artikel hinter einem Overlay und einer Scroll-Sperre. Lerne, das Overlay zu entfernen, das Scrollen freizugeben und den Text zu entunschärfen.
Fange fetch und XMLHttpRequest im Browser ab, um gefälschtes JSON zurückzugeben, Latenz, 500er-Fehler und leere Listen zu simulieren — ganz ohne Mock-Server.
Pinne dich in jeden A/B-Test-Bucket oder jede Feature-Flag-Variante, indem du den Cookie- oder localStorage-Wert überschreibst, den die Seite nutzt — so testet QA jeden Zweig.
Ein Tester baut die QA-Toolbar selbst und gibt sie dem Team mit einem TTL-Link. Wie man das einrichtet und wann man einen Link statt Synchronisierung nutzt.
Der Großteil eines Userscripts lässt sich unverändert übernehmen. Was anders funktioniert — der Metadaten-Header, die GM_*-Funktionen — und was es ersetzt.
Injiziertes JavaScript läuft mit den vollen Rechten der Seite, die du besuchst. Was ein Snippet wirklich kann, was nicht, und wem man vertrauen sollte.
Du gibst einen Sync-Schlüssel auf einem anderen Computer ein und deine Regeln sind einfach da. Wie es unter der Haube funktioniert — und warum JustZix deine Arbeit nicht überschreibt.
Fünf Regeln behältst du im Kopf. Fünfzig nicht. Wie die vierstufige JustZix-Hierarchie auf 100+ Regeln skaliert.
Das URL-Muster entscheidet, wo eine Regel läuft. Fünf Muster, die man kennen sollte, wie sie sich in der Hierarchie stapeln, und die häufigen Fehler.
window.JUSTZIX loggt direkt in das Output-Console-Fenster — diagnostiziere eine Seite ohne die DevTools zu öffnen. Nutzungsmuster und Fallstricke.
JustZix-Aktionen können sich gegenseitig aufrufen. Mit window.JZ baust du mehrstufige Workflows aus Buttons — ohne Bibliothek.
Eine Regel, die auf einer .css-1a2b3c-Klasse aufbaut, stirbt beim nächsten Seiten-Deploy. Vier Regeln, um Regeln zu schreiben, die ein Redesign überleben.
Eine Regel läuft einmal, aber Seiten ändern sich nach dem Laden. Ein MutationObserver lässt die Regel auf neue Elemente im DOM reagieren.
Drei universelle JustZix-Aktionen, die fast überall nützlich sind: einen sauberen URL kopieren, eine Tabelle als CSV exportieren und Picture-in-Picture.
Wie lange dauert dieser Artikel? Eine JustZix-Regel ergänzt oben an jedem Text eine Leiste mit der Wortzahl und einer geschätzten Zeit.
Parallax, Karussells und automatisch abspielende Videos können ermüden. Eine CSS-plus-JS-Regel beruhigt die Bewegung auf jeder Seite.
Die „warte 5 Sekunden"-Seiten leben von deiner Zeit. Eine JustZix-Regel extrahiert die Ziel-URL und springt sofort an der Weiterleitung vorbei.
Eine CSS-Regel zeigt, welche Links du schon geöffnet hast. Plus: warum der :visited-Selektor von Browsern so stark eingeschränkt wird.
Sticky-Header und schwebende Leisten können ein Drittel des Bildschirms fressen. Wie man sie mit einer CSS-Regel löst oder versteckt.
Kommentarbereiche und lange Beiträge verstecken Inhalt hinter „mehr anzeigen". Eine JustZix-Regel mit einem MutationObserver klappt sie alle automatisch aus.
Der eingebaute Lesemodus ist Glückssache. Bau deinen eigenen als JustZix-Aktion — er reduziert die Seite auf den Artikel, genau wie du es willst.
Hover über ein Vorschaubild, sieh eine vergrößerte Vorschau am Cursor. Eine leichtgewichtige Pure-JavaScript-Lightbox als JustZix-Regel — ohne Bibliothek.
Inhalt über 40 Seiten verteilt? Der Auto-Pager holt die nächste Seite und hängt sie an, wenn du unten ankommst. Infinite Scroll in einer Regel.
Der eingebaute Player stoppt bei 2x. Eine JustZix-Regel ergänzt jedes HTML5-Video um playbackRate-Steuerung per Tastatur.
Eine Seite blockiert Textmarkierung und Rechtsklick? Eine JustZix-Regel hebt die Sperre auf — CSS plus Event-Abfangen in der Capture-Phase.
Seiten mit einer strikten Content-Security-Policy blockieren fremde Skripte. JustZix injiziert dort trotzdem dein JS — über chrome.scripting.executeScript und eine postMessage-Brücke.
Die JustZix Output Console erfasst jetzt nicht abgefangene Exceptions und unbehandelte Promise-Rejections, nicht nur explizites console.log. Was sich ändert und was sie immer noch nicht fängt.
Jedes JustZix-Entwicklerfenster öffnet als dauerhaftes Pane oder als flüchtiges TEMP-Pane. Ein einfaches Entscheidungsmodell: wann welches und wie man eines ins andere überführt.
Rufe ein CSS-, JS-, REPL- oder Output-Fenster auf jeder Seite mit einem Ctrl+Alt-Shortcut auf. TEMP-Panes verschwinden beim Neuladen — keine Konfiguration, keine Spur in deinen Regeln.
PerformanceObserver erfasst LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), INP (Interaction to Next Paint). Einmal per JustZix-JS-Regel injizieren, die Output Console zeigt die Ergebnisse für jede besuchte Seite. Kein Lighthouse, kein F12.
Gesponserte Beiträge mischen sich in Social-Media-Feeds unter den organischen Content. CSS-Selektoren erwischen sie nicht (zufällige Klassen-Hashes). JustZix-Rezept: CSS-Attribut-Matcher + JS-MutationObserver mit Text-Matching für 3 Plattformen.
Tampermonkey/Greasemonkey sind Userscripts (nur JS, Header-Metadaten). JustZix ist Userscripts + Userstyles + UI-Schicht (Aktionsleisten, Panes, Snap-Dashboard). Feature-für-Feature-Vergleich + Migration von 3 typischen Tampermonkey-Skripten zu JustZix-Regeln.
YouTube-Standard-UI: Shorts-Spam, „Vorgeschlagene Videos" unterbrechen den Flow, kein Kürzel für „Intro/Sponsor überspringen". 6-Regeln-JustZix-Paket: CSS-Ausblenden + JS-Auto-Skip + Tastaturkürzel (J/L springen, S Sponsor-Skip, Shift+S Screenshot teilen).
Stylish (umstritten) und Stylus sind klassische CSS-Injektions-Erweiterungen. JustZix macht dasselbe + JS-Regeln + Aktionsleisten + 4 Fenstertypen + Snap connections + Sync + Share-TTL-Links. Schritt-für-Schritt-Migration mit Feature-für-Feature-Vergleich.
Der Floating-Button ist „der Eingang zu JustZix" auf jeder Seite — ein 3-Buchstaben-Tropfen pro Folder, 4 Zustände (on/mixed/off/globally-off), Drag+Snap mit Leisten/Panes, Rechtsklick-Kontextmenü, Popup-Widget zum Umschalten aller Regeln. Vollständige Anatomie von Position bis Tastatur.
Alle 3 beliebtesten KI-Chat-Apps haben Standard-UIs, die auf Neulinge ausgelegt sind. Für Power-User: zu schmale Nachrichtenblasen, schwache Code-Blöcke, „Upgrade to Pro"-Overlays. CSS-Snippets + JS-Observer in JustZix, ein Klick, immer da.
INPUT ist ein natives <input type="text"> in der Aktionsleiste. Enter → blur → Code ausführen. Persistente Memory pro Tab (sessionStorage + chrome.storage.local). Wichtiger Unterschied zu TEXTAREA: Enter löst die Aktion aus. Anwendungsfall: Befehlsleiste, Schnellsuche, Filter-Override, eigene URL-Navigation.
SELECT ist ein Dropdown in der JustZix-Aktionsleiste. Zwei Varianten: static (hartkodierte Optionen im Schema) und js (Code generiert die Optionen dynamisch). Die erste ist großartig für feste Presets (Light/Dark, Sprachauswahl), die zweite für dynamische Listen (DOM-Kategorien, hotkey-Lesezeichen).
BUTTON ist der älteste und meistgenutzte JustZix-Aktionstyp. Klick = Code im MAIN world ausführen. Kein Zustand, keine Memory — eine reine Funktion. Volle Anpassung (Hintergrund, Textfarbe, Padding) + customStyles für pixelgenaue Integration in die Aktionsleiste.
Seit v2.13.42/55/70 öffnen Rechtsklicks auf Pane-Headern (CSS / JS / JS Console / Output Console) ein Kontextmenü: Snap connections trennen, Pane deaktivieren, Schrift + Größe ändern — ohne zur Optionsseite zurückzugehen.
Vier Capture-Phase-Listener auf document (v2.13.75 + v2.13.78): Ctrl+Shift+L (clear), Ctrl+Shift+S (Suche umschalten), Ctrl+Shift+K (viewMode durchschalten), Ctrl+Shift+H (API-Hilfe-Popup). Alle aktiv, wenn mindestens eine Output Console auf der Seite gerendert ist. Plus ein ziehbares Hilfe-Popup (v2.13.80).
Die TEXTAREA-Aktion (v2.13.21) ist ein natives <textarea> in der JustZix-Aktionsleiste. Persistente Memory pro Tab (sessionStorage + chrome.storage.local-Backup). Enter = nativer Zeilenumbruch (KEIN blur). Code feuert bei blur. Anwendungsfälle: QA-Notizblock, Kommentar-Entwürfe, SQL/curl/JSON-Snippets pro Domain.
Ein Leitfaden zu allen JustZix-Fenstern im Frontend und Aktionstypen. Vier Pane-Typen (CSS pane / JS Console / JS pane / Output Console), die zwei stärksten Aktionen (TOGGLE3 / SLIDER), die window.JZ + window.JUSTZIX API und Snap connections, um das alles als Mini-Dashboard anzuordnen. Die komplette Karte des „Mini-IDE im Tab" — was wann wählen und wie alles zusammenpasst.
CSS pane + JS pane + JS Console + Output Console + Aktionsleisten + Floating-Button — alle leben in einem gemeinsamen Snap-ID-Raum. Ziehe eines neben ein anderes → sie rasten zu einer Gruppe ein. Ziehe die Gruppe → alles bewegt sich zusammen. Anchor-Positionierung hält das Layout über Fenstergrößenänderungen hinweg stabil.
Die Output Console (v2.13.66+) ist der 4. Fenstertyp in JustZix. Ein schreibgeschützter Log-Viewer erfasst alle console.log/warn/error/info/debug der Seite (synchron + asynchron). Ein dedizierter window.JUSTZIX.log-Kanal (primär seit v2.13.76, mit Markennamen, verschwindend geringes Kollisionsrisiko) mit viewMode [C/J/C+J]. Filter pro Level + Suche + 2000 Zeilen. CSP-immun dank chrome.scripting-Injektion (v2.13.74).
Die SLIDER-Aktion ist ein nativer Range-Input in der Aktionsleiste. Live-Ziehen aktualisiert das Memory ohne Code auszulösen (input-Event), das Loslassen löst den Code aus (change-Event). Der Wert ist ein Number, kein String. Anwendungsfälle: Helligkeit, Zoom, Schriftgröße, Animationsgeschwindigkeit.
Die TOGGLE3-Aktion ist ein Segmentschalter mit genau 3 Zuständen. Jeder Zustand hat ein eigenes Label, einen Wert, eine Farbe und JS-Code. Das Memory bewahrt den aktiven Zustand pro Aktion. 5 konfigurierbare Farben: aktiv bg/text + inaktiv bg/hover/text.
Jede JustZix-Aktion bekommt zwei MAIN-world-Namespaces: window.JZ (Aktions-Helfer — click/value/setValue auf data-jz-action-*-Elementen) und window.JUSTZIX (Logger — log/warn/error/info/debug in die Output Console). Der markenbenannte JUSTZIX kollidiert nie mit Seitenskripten. Bau Mini-Apps, in denen Buttons andere Buttons klicken und Slider CSS-Variablen steuern.
Persistenter JS-Code mit Ctrl+Enter / Klick auf ▶ zum Ausführen. Keine Auto-Ausführung beim Laden. Dirty-State, Error-Overlay, sessionStorage pro Tab. Anwendungsfälle: destruktive Skripte + Bulk-Operationen.
Ein schwebendes REPL-Fenster mit Befehlsverlauf, Ctrl+L = leeren, Ctrl+Enter = eval. Erfasst console.log/warn/error/info aus dem Seitenkontext. Persistenz pro Tab.
Eine schwebende Textarea, auf der Seite injiziert, mit Live-<style>-Injektion (200ms Debounce). Persistenz pro Tab, Multi-Pane, Scope-Hierarchie. Was sie kann und wie du in 30 Sekunden startest.
Fünf visuelle Markierungstechniken für Nicht-Produktionsumgebungen: roter Banner, schwebendes Badge, Favicon-Tausch, Viewport-Tönung, Titel-Präfix. Copy-paste CSS+JS für JustZix.
Wie du deine eigene QA-Toolbar baust: Formulare automatisch ausfüllen, Zustand zurücksetzen, URL mit Auth-Token kopieren, Datum vorspulen, Requests debuggen. Alles in JustZix, ohne Dev-Support.
Vier JavaScript-Muster, um eigene Tastenkürzel auf jeder Website hinzuzufügen. Ohne auf den Autor zu warten, ohne schwere Vimium-artige Erweiterungen. Copy-paste für JustZix.
Vier JavaScript-Snippets, um zu prüfen, ob GTM-Events zum richtigen Zeitpunkt mit der richtigen Payload feuern. Keine Änderung am Produktionscode. Copy-paste-fertig für JustZix.
Vier Wege, Dark Mode auf jeder Seite zu erzwingen: invert-Filter, prefers-color-scheme-Override, CSS-Variablen-Override, dediziertes Theme pro Seite. Copy-paste-Code für JustZix.
Fünf erprobte CSS- und JavaScript-Snippets, um Cookie-Banner auf jeder Website auszublenden. Copy-paste-Code, der sofort in JustZix funktioniert.