el objetivo

Esta extensión estándar proporciona a los desarrolladores un punto de partida para crear sus propias extensiones de Chrome utilizando Manifest V3.

Qué hay de nuevo

La mayor mejora en esta versión es la adición de una interfaz emergente. Ahora, cuando los usuarios hacen clic en el botón de extensión en la barra superior del navegador, se les presenta una ventana emergente interactiva en lugar de simplemente registrar un mensaje en la consola.

Características

Este texto estándar demuestra tres comportamientos de extensión clave:

1. Antes de cargar la página: imprime un mensaje en la consola de DevTools antes de que se cargue la página.
2. Después de cargar la página: imprime un mensaje en la consola de DevTools antes de que se cargue la página.
3. Interacción emergente: muestra una ventana emergente cuando el usuario hace clic en el botón de la extensión, lo que permite interacciones más complejas del usuario.

La extensión ahora proporciona un botón dentro de la ventana emergente que, cuando se hace clic, inyecta un script en la pestaña activa para modificar el DOM y registrar un mensaje en la consola.

Instalación

1. Clone o descargue los archivos de github.com/llagerlof/fresh-chrome-extension y colóquelos en un directorio.
2. Abre la página de extensión de tu navegador: chrome://extensiones
3. Habilite el "Modo de desarrollador" en la esquina superior derecha.
4. Haga clic en Cargar desempaquetado y seleccione el directorio de extensión.

como probarlo

1. Abre cualquier sitio web.
2. Haga clic en el botón de extensión en la barra superior del navegador. Verás una ventana emergente con un botón.
3. Haga clic en el botón en la ventana emergente denominada "Haga clic en este botón para agregar un div naranja a la página".
4. Observe los siguientes cambios:
   • Aparece un div naranja en la parte superior de la página con el mensaje "¡DOM modificado!"
   • Abre las herramientas de desarrollador (F12) y mira la consola. Verás el mensaje "¡Acción ejecutada desde la ventana emergente!"

Este modelo estándar proporciona una base sólida para crear extensiones de Chrome más complejas. No dudes en modificarlo y ampliarlo para adaptarlo a tus necesidades específicas.

¡Feliz codificación!