Come funziona JustZix

Sei passi da zero a una raccolta sincronizzata e condivisibile di regole CSS/JS.

1

Passo 1 — Installazione in modalità sviluppatore

JustZix non è ancora pubblicato sul Chrome Web Store, ma puoi scaricare la versione attuale e installarla manualmente in 2 minuti. La modalità sviluppatore di Chrome consente di caricare qualsiasi estensione da una cartella — un meccanismo standard usato dagli sviluppatori. L'estensione resta installata dopo i riavvii del browser.

  1. Scarica lo ZIP dalla pagina di download.
  2. Decomprimilo — otterrai una cartella justzix/.
  3. Apri chrome://extensions/ in Chrome.
  4. Attiva la « modalità sviluppatore » con l'interruttore in alto a destra.
  5. Clicca su « Carica estensione non pacchettizzata » e seleziona la cartella justzix/.

2

Passo 2 — La tua prima regola

Apri una pagina in cui vuoi cambiare qualcosa. Clicca sull'icona di JustZix. Scegli « Nuova regola », imposta un pattern URL (precompilato con la pagina attuale) e scrivi codice CSS o JavaScript.

Esempio — nascondi tutti i banner dei cookie:

[id*="cookie"], [class*="cookie-banner"], [class*="cookie-consent"] {
  display: none !important;
}
3

Passo 3 — Prima regola JavaScript

Oltre al CSS, puoi eseguire JavaScript personalizzato sulle pagine corrispondenti. Apri la vista della regola e clicca la scheda JavaScript. Il codice viene eseguito una volta per caricamento pagina, nel contesto della pagina (accesso a window, DOM, fetch, ecc.).

Esempio — clicca automaticamente «Accetta» nei banner cookie:

let attempts = 0;
const id = setInterval(() => {
  if (++attempts > 20) return clearInterval(id);
  const btn = [...document.querySelectorAll('button, a')]
    .find(b => /accept all|akceptuj/i.test(b.textContent));
  if (btn) { btn.click(); clearInterval(id); }
}, 500);
4

Passo 4 — Pulsante azione (toolbar)

Attiva il «Pannello azioni» sulla cartella, poi nella scheda Azioni della regola aggiungi un pulsante. Ogni pulsante ha un'etichetta di 4 caratteri, un colore, ed esegue JS personalizzato al clic — perfetto per attività ripetute come «compila dati di test» o «svuota il modulo».

Azione di esempio — svuota tutti i campi del modulo:

// Action 'CLR' (red, 1 click clears the form)
document.querySelectorAll('input, textarea, select')
  .forEach(el => {
    if (el.type === 'hidden') return;
    if (el.type === 'checkbox' || el.type === 'radio')
      el.checked = false;
    else el.value = '';
    el.dispatchEvent(
      new Event('change', { bubbles: true })
    );
  });
5

Passo 5 — Sincronizzazione tra dispositivi

Nelle impostazioni dell'estensione clicca su « Attiva sincronizzazione ». L'estensione genera una chiave di 25 caratteri nel formato SYNC-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX. Conservala in un luogo sicuro (gestore di password). Sul secondo dispositivo inserisci la stessa chiave — tutte le regole si sincronizzano automaticamente.

6

Passo 6 — Condivisione tramite link

Ogni cartella, gruppo e regola ha un pulsante « 📤 Condividi via URL ». Scegli un TTL (1 h / 6 h / 12 h / 24 h / 48 h) e ottieni un link breve justzix.com/s/JZS-XXXX-XXXX-XXXX-XXXX. Invialo al destinatario — clicca, vede l'anteprima e importa con un clic.

Pronto?

Scarica JustZix gratis, installalo in 2 minuti, incolla il tuo primo snippet. Senza account, senza pagamento, senza aspettare il Chrome Web Store.

Scarica gratis Sfoglia gli esempi