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

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.
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 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.
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.
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.
Las secuencias de comandos de contenido ejecutan JavaScript en el contexto de una página web.
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.
Muestra la IU personalizada en el panel lateral del navegador.
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.
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.
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.
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.
Crea tu primera extensión de Hello World y te familiarizarás con el flujo de trabajo de desarrollo de extensiones.
Aprende a agregar automáticamente elementos 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.
Obtén información sobre cómo crear una ventana emergente que administre tus pestañas.
Obtén más información para crear y depurar un service worker de extensión.
Aprende a encontrar registros y mensajes de error durante la depuración.