Comenzar
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
¿Qué son las extensiones?
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.
¿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 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.
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 y, además, identifica qué archivos se ejecutarán en segundo plano y en la página.
Service workers
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.
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 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.
Panel lateral
Muestra la IU personalizada en el panel lateral del navegador.
DeclarativeNetRequest
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.
Diseña una extensión de alta calidad
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.
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 tu extensión se pueda alojar en Chrome Web Store.
Cómo incluir toda la lógica de la extensión
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.
Tu primera extensión
Crea tu primera extensión de Hola mundo, en la que te familiarizarás con el flujo de trabajo de desarrollo de extensiones.
Ejecuta secuencias de comandos en cada página
Aprende a agregar elementos automáticamente a un sitio específico.
Cómo insertar 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
Aprende a crear una ventana emergente que administre tus pestañas.
Controla eventos con service workers
Aprende a crear y depurar un trabajador de servicio de extensión.
Cómo depurar tu extensión
Aprende a encontrar registros y mensajes de error durante la depuración.