Comenzar
Te damos la bienvenida al desarrollo de extensiones de Chrome. Descubre todo lo que necesitas para comenzar a crear y distribuir tu primera extensi�n de Chrome.
Resumen
�Qu� son las extensiones?
Las extensiones de Chrome mejoran la experiencia de navegaci�n mediante la personalizaci�n de la interfaz de usuario, la observaci�n de eventos del navegador y la modificaci�n de la Web. Visita Chrome Web Store para ver m�s ejemplos de lo que pueden hacer las extensiones.
�C�mo se construyen?
Puedes compilar extensiones con las mismas tecnolog�as web que se usan para crear aplicaciones web: HTML, CSS y JavaScript.
�Qu� pueden hacer?
Adem�s de las APIs web, las extensiones tambi�n tienen acceso a las APIs de Chrome Extension para realizar diferentes tareas. Para obtener una descripci�n general m�s detallada, consulta la Gu�a de desarrollo.
Terminolog�a de las extensiones
Una extensi�n de Chrome consta de partes que cumplen diferentes funciones.
Manifiesto
El manifiesto de la extensi�n es el �nico archivo obligatorio que debe tener un nombre de archivo espec�fico: manifest.json. Tambi�n debe estar ubicado en el directorio ra�z de la extensi�n. El manifiesto registra metadatos importantes, define recursos, declara permisos e identifica qu� archivos se deben ejecutar en segundo plano y en la p�gina.
Service workers
Un service worker se ejecuta en segundo plano y controla los eventos del navegador, como quitar un favorito o cerrar una pesta�a. No tienen acceso al DOM, pero puedes combinarlo con un documento fuera de pantalla para este caso de uso.
Secuencias de comandos de contenido
Las secuencias de comandos de contenido ejecutan JavaScript en el contexto de una p�gina web.
Acci�n de la barra de herramientas
Ejecuta el c�digo cuando el usuario haga clic en el �cono de la barra de herramientas de extensiones o muestra una ventana emergente con la API de Action.
Panel lateral
Muestra la IU personalizada en el panel lateral del navegador.
DeclarativeNetRequest
Interceptar, bloquear o modificar solicitudes de red
Publicar en Chrome Web Store
Si compilas la extensi�n por tu cuenta, consulta nuestro instructivo para comenzar. Si deseas publicar en Chrome Web Store, hay algunas cosas que debes saber primero.
Dise�a una extensi�n de alta calidad
Cuando elijas las funciones que deseas admitir, aseg�rate de que tu extensi�n cumpla un �nico prop�sito que est� claramente definido y sea f�cil de entender.
Familiar�zate con las pol�ticas
Las extensiones que se distribuyen en Chrome Web Store deben cumplir con las pol�ticas del programa para desarrolladores. Explora estas pol�ticas para asegurarte de que la extensi�n se pueda alojar en Chrome Web Store.
Incluir toda la l�gica de extensi�n
Cuando escribas el c�digo, ten en cuenta que toda la l�gica se debe incluir en el paquete de extensi�n. Esto significa que no se podr� descargar ning�n c�digo JavaScript adicional durante el tiempo de ejecuci�n. Mejorar la seguridad de las extensiones: Proporciona alternativas a la ejecuci�n de c�digo alojado de forma remota.
Instructivos
Elige cualquiera de los siguientes instructivos para comenzar tu recorrido de aprendizaje sobre extensiones.
Tu primera extensi�n
Crea tu primera extensi�n de Hello World y te familiarizar�s con el flujo de trabajo de desarrollo de extensiones.
Ejecuta secuencias de comandos en todas las p�ginas
Aprende a agregar autom�ticamente elementos a un sitio espec�fico.
Incorporar secuencias de comandos en la pesta�a activa
Haz clic en el �cono de la barra de herramientas para aprender a simplificar el estilo de la p�gina actual.
C�mo crear un administrador de pesta�as
Obt�n informaci�n sobre c�mo crear una ventana emergente que administre tus pesta�as.
Controla eventos con service workers
Obt�n m�s informaci�n para crear y depurar un service worker de extensi�n.
C�mo depurar tu extensi�n
Aprende a encontrar registros y mensajes de error durante la depuraci�n.