← Todos los artículos

Tutoriales

Cómo ejecutar JavaScript en cualquier página web — guía para principiantes

16 mayo 2026 · por JustZix Team

A veces un sitio web está casi bien — solo desearías que hiciera una cosa más. El arreglo suele ser unas pocas líneas de JavaScript. Esta guía para principiantes te muestra cómo ejecutar JavaScript en cualquier página web, desde una prueba rápida puntual en la consola hasta una regla que se ejecuta automáticamente cada vez que visitas, con ejemplos reales por el camino.

Una nota rápida de seguridad antes que nada

El JavaScript que ejecutas en una página tiene los mismos poderes que la página misma — puede leer contenido, hacer clic en cosas y enviar peticiones. Así que la regla es simple e innegociable: solo ejecuta código que entiendas. Nunca pegues un script de un desconocido, de un comentario o de un vídeo de "haz este truco" en una consola — así es exactamente como funcionan las estafas de robo de cuentas. Cada ejemplo de abajo es lo bastante corto como para leerlo y entenderlo por completo.

Método 1 — la consola de DevTools (puntual)

Todo navegador incluye una consola de JavaScript. Pulsa F12 y abre la pestaña Consola. Escribe una expresión, pulsa Enter y se ejecuta de inmediato sobre la página actual:

// Count every link on the page
document.querySelectorAll('a').length

La consola es perfecta para experimentos y comprobaciones rápidas. Su límite: nada persiste. Recarga la página y tu código desaparece — tendrías que pegarlo de nuevo cada vez.

Método 2 — bookmarklets (guardados, pero manuales)

Un bookmarklet es un marcador del navegador cuya URL es JavaScript en lugar de una dirección. Haces clic en el marcador y el código se ejecuta en la página actual. Se ve así:

javascript:(function(){
  document.body.style.fontFamily = 'Georgia, serif';
})();

Los bookmarklets son realmente útiles y persisten entre sesiones. Pero tienen límites reales:

• Solo se ejecutan cuando los pulsas manualmente — nunca de forma automática.
• Todo debe meterse en una sola URL, así que los scripts más largos se vuelven ilegibles rápido.
• Una Content Security Policy estricta en algunos sitios puede bloquearlos.

Método 3 — una regla persistente (automática)

Para que el JavaScript se ejecute automáticamente cada vez que abres una página coincidente, necesitas una extensión que lo inyecte por ti. JustZix hace esto con reglas: un patrón de URL más el código a ejecutar. Es gratis, funciona en Chrome (y Edge, Brave, Opera, Vivaldi) y no necesita cuenta.

Recorrido — una regla que ejecuta tu JS

1. Instala JustZix desde la página de descarga.
2. Abre la página que quieres mejorar.
3. Haz clic en el icono de JustZix y elige Nueva regla.
4. Establece un patrón de URL, p. ej. https://example.com/*.
5. Abre el panel JS y pega tu script.
6. Guarda. El script ahora se ejecuta en cada carga de página coincidente.

Mientras construyes el script, el REPL de Consola JS dentro de la pestaña te permite probar expresiones contra la página en vivo, y la Output Console de seis pestañas muestra registros, actividad de red y eventos de DataLayer — así no necesitas tener DevTools abierto al mismo tiempo. Más en la página de funciones.

Ejemplo 1 — limpiar una página ruidosa

Elimina los elementos fijos que te siguen al bajar por la página:

// Remove sticky headers and floating widgets
document.querySelectorAll('*').forEach(el => {
  const pos = getComputedStyle(el).position;
  if (pos === 'fixed' || pos === 'sticky') {
    el.style.position = 'static';
  }
});

Ejemplo 2 — hacer clic automáticamente en un botón

Algunos sitios ocultan contenido detrás de un botón "Mostrar más". Haz clic en él por ti mismo automáticamente:

// Click the first "Show more" button on load
const btn = [...document.querySelectorAll('button')]
  .find(b => /show more|read more/i.test(b.textContent));
if (btn) btn.click();

Ejemplo 3 — esperar contenido que carga tarde

Los sitios modernos añaden contenido después de la carga inicial. Un MutationObserver permite que tu código reaccione cuando el elemento que quieres finalmente aparece:

// Run once the target element shows up
const observer = new MutationObserver(() => {
  const target = document.querySelector('.comments-section');
  if (target) {
    target.scrollIntoView();
    observer.disconnect();
  }
});
observer.observe(document.body, { childList: true, subtree: true });

Este patrón es la diferencia entre un script que "a veces funciona" y uno que funciona de forma fiable — la mayoría de los errores de temporización en los scripts de página vienen de ejecutarse antes de que el elemento exista.

Elegir el método correcto

Depurar cuando algo no funciona

• Comprueba la temporización. Si el elemento aún no está ahí, envuelve tu código en un MutationObserver como arriba.
• Lee la consola. Los errores apuntan directamente a la línea que falló.
• Prueba en pequeño. Ejecuta fragmentos en el REPL antes de guardar el script completo.
• Acota con precisión. Un patrón de URL preciso mantiene un script fuera de las páginas que rompería.

Véase también

• Cómo añadir CSS personalizado a cualquier sitio web
• Las mejores alternativas a Tampermonkey

¿Quieres que tu JavaScript se ejecute automáticamente, en cada visita, sin pegarlo cada vez? JustZix es gratis — instálalo desde la página de descarga y convierte tu fragmento en una regla.