Funzionalità di JustZix

Definisci un pattern URL, scrivi codice CSS e/o JS — l'estensione lo inietta automaticamente a ogni caricamento della pagina. Ogni regola ha il proprio editor con evidenziazione della sintassi (CodeMirror).

• CSS iniettato tramite un tag <style> nell'head del documento — piena specificità disponibile.
• JS eseguito nel MAIN world della pagina tramite chrome.scripting.executeScript — aggira la CSP nel 99% dei casi, ha accesso a window.
• Attiva / disattiva singole regole con un clic sulla barra degli strumenti flottante.
• L'editor ha tema scuro/chiaro, numeri di riga, ricerca e una barra di ridimensionamento trascinabile.

Scopri di più →

Struttura a quattro livelli che scala da «una rapida correzione CSS» a «100 regole in 12 progetti cliente». Gli interruttori si propagano a cascata lungo la gerarchia.

• Cartella — livello superiore, ha un proprio pattern URL e un'etichetta di 3 lettere per il pulsante flottante.
• Gruppo — sotto-organizzazione all'interno di una cartella. Ogni cartella ha almeno un gruppo («Predefinito» di default).
• Regola — la vera unità CSS/JS. Appartiene a un gruppo. Ha pattern URL opzionali per restringere ulteriormente.
• Azione — pulsante cliccabile nel pannello azioni che esegue JS personalizzato su richiesta.

Cartella "cliente-acme"
├── Gruppo "styles"
│   ├── Regola "nascondi pubblicità"
│   └── Regola "modalità scura"
└── Gruppo "azioni"
    └── Regola "barra QA"
        ├── Azione "FILL"
        ├── Azione "CLR"
        └── Azione "COPY"

Scopri di più →

Abbina per URL esatto, intero sito, tutti i sottodomini, o qualsiasi cosa corrisponda a una sottostringa. I pattern possono accumularsi sui livelli cartella + gruppo + regola per un controllo preciso.

• https://example.com/admin — solo URL esatto
• https://example.com/* — tutte le pagine del sito
• https://*.example.com/* — tutti i sottodomini
• *://localhost:*/* — qualsiasi app locale, qualsiasi porta, qualsiasi protocollo
• *staging* — qualsiasi URL contenente «staging»

Scopri di più →

Un piccolo pulsante rotondo appare su ogni pagina dove una delle tue cartelle corrisponde. Un clic attiva/disattiva tutte le cartelle corrispondenti. Il colore mostra lo stato attuale a colpo d'occhio.

• Inject Green (o il colore della tua cartella) — tutte le cartelle corrispondenti abilitate.
• Syntax Orange — alcune abilitate, alcune disabilitate (stato misto).
• Muted Gray — tutte disabilitate.
• Halt Red — estensione globalmente disattivata.
• Il clic destro apre un pannello con tutte le cartelle/gruppi/regole corrispondenti da commutare singolarmente.
• Trascina per riposizionare. Posizione memorizzata per finestra.

Scopri di più →

Una seconda barra flottante con controlli interattivi. Ogni azione è uno di sei tipi — dal semplice pulsante al cursore o all'interruttore a tre stati. Ognuna ha un'etichetta, un colore e una scorciatoia da tastiera opzionale; la barra ricorda la sua posizione, e un clic destro la nasconde per il resto della sessione.

• BUTTON — un pulsante fire-and-forget: un clic esegue codice JS.
• SELECT — un menu a tendina; opzioni statiche o generate da JS, sceglierne una avvia l'azione.
• INPUT — un campo di testo nella barra, stile command-bar — digita un valore e conferma.
• SLIDER — un cursore che controlla una variabile CSS in tempo reale (es. luminosità, zoom).
• TEXTAREA — un blocco note multiriga, contenuto memorizzato per dominio.
• TOGGLE3 — un controllo segmentato a tre stati (es. dev / staging / prod).

Scopri di più →

Dentro il JS di qualsiasi regola o il codice di qualsiasi pulsante azione hai accesso a due globali. window.JZ controlla i pulsanti azione — chiamali programmaticamente, concatena workflow, integra mutation observer. window.JUSTZIX è un logger che scrive direttamente nella finestra Output Console — senza DevTools.

• JZ.click('LBL') — clicca programmaticamente il pulsante azione etichettato «LBL».
• JZ.action('LBL') — ottieni l'elemento DOM del pulsante (stilizzalo, controlla gli attributi).
• JZ.actions() — array di tutti i pulsanti azione visibili.
• JZ.labels() — array delle etichette originali (maiuscole/minuscole preservate).
• La ricerca è case-insensitive. JZ.click('btn') = JZ.click('BTN').
• JUSTZIX.log() / .warn() / .error() / .info() / .debug() — scrive una voce nella Output Console (alias: __JUSTZIX__, JZ.log ecc.).

// Azione «AUTO» — concatena tre altre azioni
JZ.click('LOAD');
setTimeout(() => JZ.click('PROC'), 500);
setTimeout(() => JZ.click('SAVE'), 1500);

Scopri di più →

Una chiave di sincronizzazione di 25 caratteri collega il tuo account. Tutte le regole, impostazioni e modifiche si propagano quasi in tempo reale tramite Last-Write-Wins per entità con timestamp di Lamport.

• Chiave generata localmente — il backend non vede mai la forma in chiaro (solo hash SHA-256).
• Conflitto risolto per entità — mai sovrascrittura in blocco di «tutte le tue impostazioni».
• I tombstone propagano correttamente le eliminazioni.
• UI di risoluzione conflitti al login: usa il server / invia il locale / unisci LWW.
• Scheda Stato: cronologia di sincronizzazione, vista della libreria cloud e resync completo con l'account.
• Pulizia degli account inattivi dopo 12 mesi (con e-mail di avviso 30 giorni prima).
• Recupero via e-mail — una chiave persa ne genera una nuova.

Scopri di più →

Due modi per spostare i dati: link pubblici temporanei da condividere con altri (JZS-XXXX-XXXX-XXXX-XXXX, TTL 1–48 h) e backup automatici orari/giornalieri/settimanali per te stesso.

• TTL della condivisione: 1h / 6h / 12h / 24h (predefinito) / 48h. Il token scade automaticamente.
• Il destinatario vede un'anteprima prima dell'import — con un banner di avviso JS se il bundle contiene JavaScript.
• Cinque formati di export: justzix-full, partial, folder, group, rule.
• Backup: 24 orari + 30 giornalieri + 8 settimanali, pulizia automatica dei più vecchi.
• Pannello «Le mie condivisioni» con contatore di download e pulsante di revoca.

Scopri di più →

Cinque tipi di finestre di sviluppo che si visualizzano direttamente nella pagina — senza DevTools. Le trascini, le agganci bordo a bordo e le unisci in una mini-dashboard. Ogni finestra può essere persistente (legata a una regola) o temporanea (TEMP, richiamata da una scorciatoia).

• CSS pane — un editor CSS in tempo reale, le modifiche appaiono istantaneamente, contenuto conservato per scheda.
• JS pane — un editor JS eseguito su richiesta con un pulsante Run (Ctrl+Enter).
• JS Console — un REPL nella pagina: digita, Invio, risultato; cronologia comandi con le frecce.
• Output Console — un visualizzatore di log della pagina con 6 schede contate: All, JZconsole, console.*, Network, errori e push a dataLayer. La scheda Network ha filtri per dominio, dimensione e tempo.
• AI Helper — un assistente IA integrato (OpenAI / Anthropic / Gemini): esamina la pagina, testa il codice nelle finestre TEMP e, dopo la tua approvazione, crea le regole.
• Ricerca negli editor — una barra sopra ogni editor CSS/JS: contatore dei risultati, evidenziazione, scorciatoie Ctrl+Alt+←/→.
• TEMP panes — le stesse finestre sotto Ctrl+Alt+G/H/J/K, effimere, spariscono al ricaricamento.
• Drag & snap & connect — trascina le finestre, agganciale ai bordi, uniscile in gruppi.
• Personalizzazione per finestra — colore, font e dimensione dal menu del clic destro.

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

Scopri di più →