Te damos la bienvenida al desarrollo de extensiones de Chrome. Descubre todo lo que necesitas para comenzar a compilar y distribuir tu primera extensión de Chrome.

Descripción general

Las extensiones de Chrome mejoran la experiencia de navegación personalizando la interfaz de usuario, observando eventos del navegador y modificando la Web. Visita Chrome Web Store para ver más ejemplos de lo que pueden hacer las extensiones.
Puedes compilar extensiones con las mismas tecnologías web que se usan para crear aplicaciones web: HTML, CSS y JavaScript.
Además de las APIs web, las extensiones también tienen acceso a las APIs de extensiones de Chrome para realizar diferentes tareas. Para obtener una descripción general más detallada, consulta la guía de desarrollo.

Terminología de extensiones

Una extensión de Chrome se compone de partes que cumplen diferentes funciones.
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 y, además, identifica qué archivos se ejecutarán en segundo plano y en la página.
Un trabajador de servicio 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.
Las secuencias de comandos de contenido ejecutan JavaScript en el contexto de una página web.
Ejecuta código cuando el usuario hace clic en el ícono de la barra de herramientas de la extensión o muestra una ventana emergente con la API de Action.
Muestra la IU personalizada en el panel lateral del navegador.
Interceptar, bloquear o modificar solicitudes de red

Publicación en Chrome Web Store

Si estás compilando la extensión para ti, consulta nuestro instructivo de primeros pasos. Si quieres publicar contenido en Chrome Web Store, primero debes conocer algunos aspectos.
Cuando elijas qué funciones admitir, asegúrate de que tu extensión cumpla con un propósito único que esté definido de forma clara y sea fácil de entender.
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 tu extensión se pueda alojar en Chrome Web Store.
Cuando escribas el código, ten en cuenta que toda la lógica debe incluirse en el paquete de extensiones. Esto significa que no se puede descargar código JavaScript adicional durante el tiempo de ejecución. Mejorar la seguridad de las extensiones proporciona alternativas para ejecutar código alojado de forma remota.

Instructivos

Elige cualquiera de los siguientes instructivos para comenzar tu recorrido de aprendizaje de extensiones.
Crea tu primera extensión de Hola mundo, en la que te familiarizarás con el flujo de trabajo de desarrollo de extensiones.
Aprende a agregar elementos automáticamente a un sitio específico.
Haz clic en el ícono de la barra de herramientas para aprender a simplificar el estilo de la página actual.
Aprende a crear una ventana emergente que administre tus pestañas.
Aprende a crear y depurar un trabajador de servicio de extensión.
Aprende a encontrar registros y mensajes de error durante la depuración.