Funkcje JustZix

Definiujesz wzorzec URL, wpisujesz kod CSS i/lub JS — wtyczka wstrzykuje go automatycznie po wczytaniu strony. Każda reguła ma swój edytor z kolorowaniem składni (CodeMirror).

• CSS wstrzykiwany przez <style> tag w head dokumentu — pełna specyficzność dostępna.
• JS wykonywany w MAIN world strony przez chrome.scripting.executeScript — omija CSP w 99% przypadków, ma dostęp do window.
• Aktywuj / dezaktywuj poszczególne reguły jednym klikiem na pływającym toolbarze.
• Edytor ma tryb dark/light, numerację linii, wyszukiwarkę i przeciągalny pasek zmiany rozmiaru.

Dowiedz się więcej →

Czteropoziomowa struktura skalująca się od „jednej szybkiej poprawki CSS" do „100 reguł w 12 projektach klienta". Toggle'e kaskadują w dół hierarchii.

• Katalog — najwyższy poziom, ma własny wzorzec URL i 3-literową etykietę pływającego przycisku.
• Grupa — sub-organizacja wewnątrz katalogu. Każdy katalog ma co najmniej jedną grupę („Domyślna" domyślnie).
• Zestaw (Rule) — właściwa jednostka CSS/JS. Należy do jednej grupy. Ma opcjonalne wzorce URL do dalszego zawężenia.
• Akcja — klikalny przycisk w panelu akcji uruchamiający custom JS na żądanie.

Katalog "klient-acme"
├── Grupa "style"
│   ├── Zestaw "ukryj reklamy"
│   └── Zestaw "dark mode"
└── Grupa "akcje"
    └── Zestaw "QA toolbar"
        ├── Akcja "FILL"
        ├── Akcja "CLR"
        └── Akcja "COPY"

Dowiedz się więcej →

Dopasowuj po dokładnym URL, całej witrynie, wszystkich subdomenach, albo dowolnym ciągu. Wzorce mogą się kumulować na poziomach katalog + grupa + reguła dla precyzyjnej kontroli.

• https://example.com/admin — tylko dokładny URL
• https://example.com/* — wszystkie strony na witrynie
• https://*.example.com/* — wszystkie subdomeny
• *://localhost:*/* — dowolna lokalna aplikacja, dowolny port, dowolny protokół
• *staging* — dowolny URL zawierający „staging"

Dowiedz się więcej →

Mały okrągły przycisk pojawia się na każdej stronie, gdzie pasuje jeden z Twoich katalogów. Jeden klik włącza/wyłącza wszystkie pasujące katalogi. Kolor pokazuje bieżący stan w mgnieniu oka.

• Inject Green (lub kolor Twojego katalogu) — wszystkie pasujące katalogi włączone.
• Syntax Orange — część włączona, część wyłączona (stan mixed).
• Muted Gray — wszystkie wyłączone.
• Halt Red — wtyczka globalnie wyłączona.
• Prawy klik otwiera panel z wszystkimi pasującymi katalogami/grupami/regułami do indywidualnego sterowania.
• Przeciągnij żeby zmienić pozycję. Pozycja zapamiętywana per okno.

Dowiedz się więcej →

Drugi pływający pasek z interaktywnymi kontrolkami. Każda akcja to jeden z sześciu typów — od zwykłego przycisku po suwak czy trójstanowy przełącznik. Każda ma etykietę, kolor i opcjonalny skrót klawiszowy; pasek pamięta pozycję, a prawy klik chowa go do końca sesji.

• BUTTON — przycisk fire-and-forget: klik uruchamia kod JS.
• SELECT — lista rozwijana; opcje statyczne lub generowane z JS, wybór odpala akcję.
• INPUT — pole tekstowe w pasku, styl command-bar — wpisujesz wartość i zatwierdzasz.
• SLIDER — suwak sterujący zmienną CSS na żywo (np. jasność, zoom).
• TEXTAREA — wielolinijkowy notatnik podręczny, treść zapamiętywana per domena.
• TOGGLE3 — trójstanowy przełącznik segmentowy (np. dev / staging / prod).

Dowiedz się więcej →

Wewnątrz JS dowolnej reguły lub kodu dowolnego przycisku akcji masz dostęp do dwóch globali. window.JZ steruje przyciskami akcji — wywołuj je programatycznie, łącz workflow, integruj z mutation observers. window.JUSTZIX to logger piszący wprost do okna Output Console — bez DevTools.

• JZ.click('LBL') — programatycznie kliknij przycisk akcji o etykiecie „LBL".
• JZ.action('LBL') — pobierz element DOM przycisku (stylizuj, sprawdź atrybuty).
• JZ.actions() — tablica wszystkich widocznych przycisków akcji.
• JZ.labels() — tablica oryginalnych etykiet (case zachowany).
• Lookup jest case-insensitive. JZ.click('btn') = JZ.click('BTN').
• JUSTZIX.log() / .warn() / .error() / .info() / .debug() — wpis do okna Output Console (aliasy: __JUSTZIX__, JZ.log itd.).

// Akcja „AUTO" — chainuje trzy inne akcje
JZ.click('LOAD');
setTimeout(() => JZ.click('PROC'), 500);
setTimeout(() => JZ.click('SAVE'), 1500);

Dowiedz się więcej →

Klucz synchronizacji 25-znakowy łączy Twoje konto. Wszystkie reguły, ustawienia i zmiany propagują w czasie zbliżonym do rzeczywistego — per-entity Last-Write-Wins z timestampami Lamporta.

• Klucz generowany lokalnie — backend nigdy nie widzi go w jawnej postaci (tylko hash SHA-256).
• Konflikt rozstrzygany per-encja — nigdy hurtowe nadpisanie „wszystkich ustawień".
• Tombstones poprawnie propagują usunięcia.
• UI rozstrzygania konfliktu przy logowaniu: użyj serwera / wyślij lokalne / scal LWW.
• Zakładka Status: historia synchronizacji, podgląd biblioteki w chmurze i pełny resync z kontem.
• Auto-cleanup nieaktywnego konta po 12 miesiącach (z mailem ostrzegawczym 30 dni przed).
• Recovery przez email — zgubiony klucz wymieniany na nowy.

Dowiedz się więcej →

Dwa sposoby przemieszczania danych: czasowe publiczne linki do udostępniania innym (JZS-XXXX-XXXX-XXXX-XXXX, 1–48 h TTL) i automatyczne backupy godzinowe/dzienne/tygodniowe dla siebie.

• TTL share: 1h / 6h / 12h / 24h (domyślnie) / 48h. Token wygasa automatycznie.
• Odbiorca widzi podgląd przed importem — z banerem ostrzeżenia jeśli zestaw zawiera JavaScript.
• Pięć formatów eksportu: justzix-full, partial, folder, group, rule.
• Backupy: 24 godzinne + 30 dziennych + 8 tygodniowych, auto-cleanup starszych.
• Panel „Moje share" z licznikiem pobrań i przyciskiem odwołania.

Dowiedz się więcej →

Pięć typów okien deweloperskich, które renderują się wprost na stronie — bez otwierania DevTools. Przeciągasz je, przyklejasz krawędziami i łączysz w mini-dashboard. Każde okno możesz mieć trwałe (przypisane do reguły) lub tymczasowe (TEMP, spod skrótu).

• CSS pane — live edytor CSS, zmiany widać natychmiast, treść per karta.
• JS pane — edytor JS uruchamiany na żądanie przyciskiem Run (Ctrl+Enter).
• JS Console — REPL na stronie: wpisz, Enter, wynik; historia komend strzałkami.
• Output Console — podgląd logów strony w 6 zakładkach z licznikami: All, JZconsole, console.*, Network, błędy i pushe do dataLayer. Zakładka Network ma filtry domen, wielkości i czasu.
• AI Helper — wbudowany asystent AI (OpenAI / Anthropic / Gemini): bada stronę, testuje kod w oknach TEMP i po Twojej akceptacji tworzy reguły.
• Wyszukiwarka w edytorach — pasek nad każdym edytorem CSS/JS: licznik trafień, podświetlenie, skróty Ctrl+Alt+←/→.
• TEMP panes — te same okna pod Ctrl+Alt+G/H/J/K, ulotne, znikają po reloadzie.
• Drag & snap & connect — przeciągaj okna, przyklejaj krawędziami, łącz w grupy.
• Customizacja per okno — kolor, font i rozmiar z menu prawego klawisza.

Ctrl+Alt+G  →  TEMP CSS pane
Ctrl+Alt+H  →  TEMP JS pane
Ctrl+Alt+J  →  TEMP JS Console
Ctrl+Alt+K  →  TEMP Output Console
Ctrl+Alt+\  →  AI Helper

Dowiedz się więcej →