¿Cómo crear una extensión de Google Chrome?

## Cómo crear una extensión de Google Chrome

---

Paso 1:Configure su entorno de desarrollo

1. Instale Node.js y npm.

2. Instale la CLI de extensión de Chrome:`npm install -g chrome-extension`

3. Cree un nuevo directorio de proyecto.

4. Inicialice un nuevo proyecto de extensión de Chrome:`chrome-extension init `

Paso 2:Creación de su extensión

Abra el archivo _manifest.json_ y edite los siguientes campos:

- nombre :El nombre de su extensión.

- versión :La versión de su extensión.

- descripción :Una breve descripción de su extensión.

- permisos :una serie de permisos que requiere su extensión.

- acción_navegador :objeto que define el icono de acción del navegador y el archivo HTML emergente.

- fondo.js :El script que se ejecuta en segundo plano de su extensión.

Paso 3:Desarrolla tu extensión

Ahora puede comenzar a desarrollar su extensión escribiendo la lógica en _background.js_ y diseñando la interfaz de usuario en _popup.html_.

- Utilice el objeto `chrome` para acceder a la API de Chrome.

- Utilice HTML, CSS y JavaScript para crear la interfaz de usuario de su extensión.

- Utilice el evento `chrome.runtime.onMessage.addListener` para escuchar mensajes de los scripts de contenido de su extensión.

- Utilice la función `chrome.tabs.sendMessage` para enviar mensajes a los scripts de contenido de su extensión.

Paso 4:prueba tu extensión

Una vez que haya escrito su lógica y diseñado su interfaz de usuario, puede probar su extensión siguiendo estos pasos:

1. Abra el navegador Chrome.

2. Vaya a la página Extensiones (chrome://extensiones).

3. Haga clic en Cargar descomprimido. botón.

4. Seleccione el directorio de su proyecto de extensión.

5. Haga clic en Aceptar. para cargar su extensión.

Paso 5:Implemente su extensión

- Utilice el comando `chrome-extension pack` para crear un archivo CRX.

- Utilice el Panel de desarrollador de Chrome Web Store para cargar su archivo CRX y publicar su extensión.