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.