← Todos los artículos

Guías

Migrar de Tampermonkey o Greasemonkey a JustZix

17 mayo 2026 · por JustZix Team

Si has convivido con Tampermonkey o Greasemonkey, ya entiendes la idea central: ejecutar tu propio código en el sitio de otra persona. JustZix mantiene ese poder pero lo remodela en torno a reglas asociadas por URL — unidades CSS o JS pequeñas, limitadas y alternables individualmente. Esta guía mapea el modelo de userscripts sobre JustZix y muestra dónde brilla cada herramienta.

El modelo mental: scripts frente a reglas

Un userscript es un archivo con una cabecera de metadatos. JustZix divide el mismo trabajo en dos cosas: una coincidencia de URL (dónde se ejecuta) y una carga útil (CSS o JS). El bloque de metadatos que solías escribir se convierte en un campo del editor de reglas.

• @match / @include → el patrón de URL de la regla, p. ej. *://*.youtube.com/*
• @run-at document-end → JustZix ejecuta las reglas JS después de que el DOM esté listo por defecto
• Estilos vía GM_addStyle → una regla CSS dedicada, sin necesidad de JS
• Un script grande → varias reglas pequeñas que alternas de forma independiente

El mayor cambio: en JustZix, el CSS es de primera clase. Cualquier cosa que hicieras con GM_addStyle se convierte en una regla CSS pura que es más rápida, más segura y más fácil de leer.

Portar un userscript que solo es CSS

Muchos userscripts existen solo para inyectar una hoja de estilo. Aquí hay uno típico:

// ==UserScript==
// @name    Hide YouTube Shorts
// @match   *://*.youtube.com/*
// ==/UserScript==
GM_addStyle(`
  ytd-reel-shelf-renderer { display: none !important; }
`);

En JustZix esto se reduce a una regla CSS. Coincidencia de URL: *://*.youtube.com/*. Carga útil:

ytd-reel-shelf-renderer { display: none !important; }

Esa es la migración entera. Sin envoltorio, sin GM_addStyle, sin comentario de metadatos — el editor de reglas guarda la coincidencia por ti.

Portar un userscript de manipulación del DOM

Los scripts que cambian la página en tiempo de ejecución se convierten en reglas JS. El cuerpo del script suele portarse literalmente; solo eliminas la cabecera de metadatos. Un userscript que espera a un elemento:

// ==UserScript==
// @name    Auto-expand comments
// @match   *://example.com/*
// @run-at  document-end
// ==/UserScript==
(function () {
  const btn = document.querySelector('.show-comments');
  if (btn) btn.click();
})();

Se convierte en una regla JS de JustZix con coincidencia *://example.com/* y carga útil:

const btn = document.querySelector('.show-comments');
if (btn) btn.click();

Para aplicaciones de una sola página, el mismo patrón que usabas en los userscripts sigue aplicándose — observa el DOM en lugar de asumir una sola carga:

function run() {
  const btn = document.querySelector('.show-comments');
  if (btn && !btn.dataset.done) {
    btn.dataset.done = '1';
    btn.click();
  }
}
run();
new MutationObserver(run).observe(document.body, {
  childList: true, subtree: true
});

Lo que no se porta directamente

JustZix ejecuta tu JS en el contexto de la página con APIs web estándar. Los extras del gestor de userscripts necesitan un replanteamiento:

• GM_setValue / GM_getValue → usa localStorage para la persistencia por sitio
• GM_xmlhttpRequest (fetch de origen cruzado) → no es un objetivo de JustZix; mantén esos scripts en tu gestor de userscripts
• Bibliotecas externas con @require → integra en línea lo que necesites, o pega la biblioteca en la regla
• GM_registerMenuCommand → construye tu propio botón en la página en su lugar

Esta es la línea divisoria honesta de abajo.

Cuándo usar cada una

JustZix encaja mejor cuando tu objetivo es ajustar cómo se ven y se comportan los sitios: ocultar desorden, reestilizar, pequeños atajos de experiencia de usuario, automatización limitada. El modelo de reglas mantiene cada ajuste aislado, fácil de alternar y trivial de compartir como CSS o JS plano.

Conserva un gestor de userscripts cuando un script necesite acceso de red de origen cruzado, una biblioteca de terceros pesada o un almacén de valores que sobreviva entre muchos sitios. Las dos herramientas conviven bien — muchos usuarios ejecutan JustZix para las docenas de pequeños ajustes visuales y reservan su gestor de userscripts para los dos o tres scripts de peso pesado.

Una lista de comprobación de migración

• Lista tus userscripts y etiqueta cada uno: solo CSS, ajuste del DOM o intensivo en red.
• Traslada cada script de solo CSS a una regla CSS de JustZix — normalmente un copiar y pegar del bloque de estilos.
• Traslada los ajustes del DOM a reglas JS; quita la cabecera de metadatos, conserva el cuerpo.
• Divide los scripts grandes multipropósito en varias reglas pequeñas para poder alternar funciones.
• Deja los scripts intensivos en red donde están.

La recompensa es la claridad: en lugar de un archivo de script opaco, obtienes una lista ordenada de reglas con nombre, cada una limitada a exactamente un sitio. Empieza con nuestros ejemplos listos para usar para ver el formato de las reglas en acción, o salta a un tutorial concreto como ajustes de GitHub para desarrolladores. Descarga JustZix y porta tu primera hoja de estilo hoy.