Cómo funciona JustZix

Paso 1 — Instala en modo de desarrollador

JustZix aún no está publicado en Chrome Web Store, pero puedes descargar la versión actual e instalarla manualmente en 2 minutos. El modo de desarrollador de Chrome permite cargar cualquier extensión desde una carpeta del disco — es un mecanismo estándar que usan los desarrolladores. La extensión persiste entre reinicios del navegador.

1. Descarga el ZIP desde la página de descarga.
2. Descomprime — obtendrás una carpeta justzix/.
3. Abre chrome://extensions/ en Chrome.
4. Activa el «Modo de desarrollador» con el interruptor de la esquina superior derecha.
5. Haz clic en «Cargar descomprimida» y selecciona la carpeta justzix/.

Paso 2 — Tu primera regla

Abre una página donde quieras cambiar algo. Haz clic en el icono de JustZix. Selecciona «Nueva regla», define un patrón de URL (se rellena automáticamente desde la página actual) y escribe código CSS o JavaScript.

Ejemplo — oculta todos los avisos de cookies:

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

Paso 3 — Primera regla JavaScript

Más allá del CSS, puedes ejecutar JavaScript personalizado en las páginas coincidentes. Abre la vista de la regla y haz clic en la pestaña JavaScript. El código se ejecuta una vez por carga de página, en el contexto de la página (acceso a window, DOM, fetch, etc.).

Ejemplo — haz clic automáticamente en «Aceptar» en los banners de 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);

Paso 4 — Botón de acción (toolbar)

Activa el «Panel de acciones» en la carpeta, luego en la pestaña Acciones de la regla añade un botón. Cada botón tiene una etiqueta de 4 caracteres, un color, y ejecuta JS personalizado al hacer clic — perfecto para tareas repetidas como «rellenar datos de prueba» o «vaciar el formulario».

Acción de ejemplo — vacía todos los campos del formulario:

// 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 })
    );
  });

Paso 5 — Sincronización entre dispositivos

En los ajustes de la extensión haz clic en «Activar sincronización». La extensión genera una clave de 25 caracteres con formato SYNC-XXXXX-XXXXX-XXXXX-XXXXX-XXXXX. Guárdala en un lugar seguro (un gestor de contraseñas). En un segundo dispositivo introduce la misma clave — todas las reglas se sincronizan automáticamente.

Paso 6 — Compartir mediante enlace

Cada carpeta, grupo y regla tiene un botón «📤 Compartir por URL». Eliges un TTL (1h / 6h / 12h / 24h / 48h) y obtienes un enlace corto justzix.com/s/JZS-XXXX-XXXX-XXXX-XXXX. Envíalo al destinatario — hace clic, ve la vista previa, importa con un clic.