Inyección de CSS y JavaScript

Cómo funciona la inyección

Cada regla en JustZix es un pequeño fragmento de código vinculado a un lugar de la web. Eliges dónde se aplica — un dominio entero como example.com o una ruta de URL precisa — pegas CSS, JavaScript, o ambos, y guardas. A partir de ahí, la extensión inyecta ese código automáticamente cada vez que se carga una página coincidente. No hay paso de compilación ni nada que ejecutar a mano.

Cada regla tiene su propio editor con resaltado de sintaxis, números de línea, una barra de búsqueda y un tema claro u oscuro. Puedes mantener docenas de reglas una junto a otra y activar o desactivar cualquiera con un solo clic en la barra de herramientas flotante.

CSS — recambio de estilo instantáneo

El CSS se inyecta mediante una etiqueta <style> en el head del documento, así que tus reglas tienen especificidad completa y pueden anular casi todo lo que trae el sitio. Oculta un muro de cookies, ensancha una columna de lectura estrecha, fuerza una paleta oscura, agranda una fuente diminuta — la mayoría de los arreglos cotidianos son unas pocas líneas de CSS y surten efecto en cuanto se renderiza la página.

JavaScript — tu propia lógica

Cuando el CSS no basta, una regla puede ejecutar JavaScript. JustZix lo ejecuta en el MAIN world de la página, así que tu script ve el verdadero objeto window, las variables de la página y su DOM — y evita la mayoría de las restricciones de Content-Security-Policy que bloquean los scripts inline. Esa es la diferencia entre simplemente ocultar un elemento y reescribir de verdad cómo se comporta una página: añadir un atajo de teclado, expandir automáticamente contenido plegado, vigilar elementos que cargan tarde.

Funciona incluso en Facebook, X y GitHub

Las páginas con una Content-Security-Policy estricta (Facebook, X, GitHub y muchas más) bloquean los scripts inyectados inline y las llamadas a new Function. JustZix supera ese muro con una estrategia en tres niveles: primero intenta ejecutar tu código mediante chrome.userScripts (que sortea la CSP sin excepciones); si no funciona, recurre al clásico new Function; como último recurso inyecta el script como <script src="blob:…"> — una forma permitida por la mayoría de las políticas. Tus reglas, acciones y ventanas TEMP JS se ejecutan, por tanto, allí donde la mayoría de las extensiones userscript se rinden al primer paso.

La vía userScripts hay que activarla una vez en los ajustes del navegador ("Permitir scripts de usuario" o modo desarrollador) — la extensión muestra las instrucciones exactas en cuanto una página resulta inalcanzable por las demás vías. El resto es automático: JustZix elige el mejor camino disponible para cada sitio.

Sin cuenta, sin permisos

La inyección es totalmente local. Las reglas viven en tu navegador, se ejecutan solo para ti y no necesitan la aprobación del autor del sitio. No hay cuenta que crear ni nada que pagar. Tú decides qué se ejecuta y dónde, y lo desactivas en el momento en que ya no lo necesitas.

Reglas CSS y JS listas para usar de sitios populares te esperan en el catálogo de ejemplos — copia una, ajústala, y tienes una regla funcionando en menos de un minuto.