Compartir tecnología

【HERRAMIENTAS】Desarrollo de extensiones de Chrome

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Desarrollo de extensiones de Chrome


Insertar descripción de la imagen aquí

1. Tutorial de introducción


Para ver un caso introductorio, puede visitar [ Documentación oficial del sitio web oficial del complemento de Google 】 Vea el tutorial introductorio oficial, que explica principalmente los pasos generales.

  1. Chrome Extenson no tiene andamios fijos, por lo que el proyecto debe construirse de acuerdo con las propias necesidades del desarrollador (por ejemplo, a través de Vue, React y otros marcos) y luego crearse o introducirse una vez completada la construcción.manifest.jsonsolo archiva
  2. Todas las configuraciones del proyecto de extensión de Chrome están enmanifest.jsonPreparado en
  3. Extensión de Chrome manifest.jsonSe puede acceder a los elementos de configuración del documento 【Documento manifiesto
  4. La extensión de Chrome también proporciona un ejemplo de extensión de administración de pestañas simple para permitir a los desarrolladores aprender a desarrollar extensiones.Insertar descripción de la imagen aquí

2. Avanzado


A través del tutorial introductorio, podrá saber que todas las operaciones de la extensión de Chrome se realizan a través dechromeMétodos API proporcionados por objetos, por lo que si desea aprender a desarrollar extensiones avanzadas, debe comprender y estar familiarizado con todos.API,【Dirección API oficial

  1. Las versiones de documentación de Chrome Extension se dividen enManifest V2yManifest V3, las últimas extensiones desarrolladas utilizan básicamente la versión V3, y muchas API de V2 pronto serán eliminadas.
  2. Puede cambiar las versiones del documento haciendo clic en el menú de la izquierdaManifest V2yManifest V3Título para cambiar
    Insertar descripción de la imagen aquí

3. Distribuir la extensión


Chrome actualiza automáticamente las extensiones del navegador a intervalos fijos. Chrome Extension tiene dos formas de distribuir extensiones:

  1. Chrome Store (App Store): libere la extensión cargando el paquete de compresión de código en el Centro de desarrolladores de Google. Para conocer los pasos detallados, visite [.Extensiones de publicación de Chrome Store
  2. Autohospedaje: como sugiere el nombre, usted mismo aloja los archivos de extensión empaquetados, define la dirección de actualización de la extensión e implementa la liberación de la extensión. Personalmente, creo que esta es la forma más segura y efectiva. Para conocer los pasos detallados, puede visitar [.Publicación autohospedada

El desarrollo de la extensión de Chrome es relativamente simple. Solo necesita seguir el proceso de desarrollo correspondiente, por lo que no hay ningún código escrito en este artículo.


------Finalizar------