Comment fonctionne JustZix

Six étapes de zéro à une collection synchronisée et partageable de règles CSS/JS.

1

Étape 1 — Installation en mode développeur

JustZix n'est pas encore publié sur le Chrome Web Store, mais vous pouvez télécharger la version actuelle et l'installer manuellement en 2 minutes. Le mode développeur de Chrome permet de charger n'importe quelle extension depuis un dossier — un mécanisme standard utilisé par les développeurs. L'extension persiste après les redémarrages du navigateur.

  1. Téléchargez le ZIP depuis la page de téléchargement.
  2. Décompressez-le — vous obtenez un dossier justzix/.
  3. Ouvrez chrome://extensions/ dans Chrome.
  4. Activez le « mode développeur » avec l'interrupteur en haut à droite.
  5. Cliquez sur « Charger l'extension non empaquetée » et sélectionnez le dossier justzix/.

2

Étape 2 — Votre première règle

Ouvrez une page où vous voulez modifier quelque chose. Cliquez sur l'icône JustZix. Choisissez « Nouvelle règle », définissez un motif d'URL (prérempli avec la page actuelle) et écrivez du code CSS ou JavaScript.

Exemple — masquer toutes les bannières de cookies :

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

Étape 3 — Première règle JavaScript

Au-delà du CSS, vous pouvez exécuter du JavaScript personnalisé sur les pages correspondantes. Ouvrez la vue de la règle et cliquez l'onglet JavaScript. Le code s'exécute une fois par chargement de page, dans le contexte de la page (accès à window, au DOM, fetch, etc.).

Exemple — cliquer automatiquement « Accepter » dans les bannières cookies :

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

Étape 4 — Bouton d'action (toolbar)

Activez le « Panneau d'actions » sur le dossier, puis dans l'onglet Actions de la règle ajoutez un bouton. Chaque bouton a un label de 4 caractères, une couleur, et exécute du JS personnalisé au clic — parfait pour les tâches répétées comme « remplir des données de test » ou « vider le formulaire ».

Exemple d'action — vider tous les champs du formulaire :

// 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

Étape 5 — Synchronisation entre appareils

Dans les réglages de l'extension, cliquez sur « Activer la synchronisation ». L'extension génère une clé de 25 caractères au format SYNC-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX. Conservez-la en lieu sûr (gestionnaire de mots de passe). Sur le second appareil, saisissez la même clé — toutes les règles se synchronisent automatiquement.

6

Étape 6 — Partage par lien

Chaque dossier, groupe et règle dispose d'un bouton « 📤 Partager via URL ». Vous choisissez un TTL (1 h / 6 h / 12 h / 24 h / 48 h) et obtenez un lien court justzix.com/s/JZS-XXXX-XXXX-XXXX-XXXX. Envoyez-le au destinataire — il clique, voit l'aperçu et importe en un clic.

Prêt ?

Téléchargez JustZix gratuitement, installez-le en 2 minutes, collez votre premier snippet. Sans compte, sans paiement, sans attendre le Chrome Web Store.

Télécharger gratuitement Parcourir les exemples