Partage de technologie

【OUTILS】 Développement d'extensions Chrome

2024-07-12

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

Développement d'extensions Chrome


Insérer la description de l'image ici

1. Tutoriel de démarrage


Pour un cas d'introduction, vous pouvez visiter [ Documentation officielle du site Web officiel du plug-in Google 】Voir le tutoriel d'introduction officiel, qui explique principalement les étapes générales.

  1. Chrome Extenson n'a pas d'échafaudage fixe, le projet doit donc être construit en fonction des propres besoins du développeur (par exemple, via Vue, React et d'autres frameworks), puis créé ou introduit une fois la construction terminée.manifest.jsonIl suffit de déposer
  2. Toutes les configurations du projet Chrome Extension sont enmanifest.jsonPréparé dans
  3. Extension Chrome manifest.jsonLes éléments de configuration du document sont accessibles 【Document manifeste
  4. L'extension Chrome fournit également un exemple simple d'extension de gestion des onglets pour permettre aux développeurs d'apprendre le développement d'extensions.Insérer la description de l'image ici

2. Avancé


Grâce au didacticiel d'introduction, vous pouvez savoir que toutes les opérations de l'extension Chrome se font viachromeMéthodes API fournies par les objets, donc si vous souhaitez apprendre le développement avancé d'extensions, vous devez comprendre et être familier avec toutesAPI,【Adresse API officielle

  1. Les versions de documentation de Chrome Extension sont divisées enManifest V2etManifest V3, les dernières extensions développées utilisent essentiellement la version V3, et de nombreuses API de la V2 seront bientôt supprimées.
  2. Vous pouvez changer de version du document en cliquant sur le menu de gaucheManifest V2etManifest V3Titre à changer
    Insérer la description de l'image ici

3. Distribuez l'extension


Chrome met automatiquement à jour les extensions de navigateur à intervalles fixes. L'extension Chrome propose deux manières de distribuer les extensions :

  1. Chrome Store (App Store) : libérez l'extension en téléchargeant le package de compression de code dans le Centre de développement Google. Pour les étapes détaillées, veuillez visiter [.Extensions de publication du Chrome Store
  2. Auto-hébergement : comme son nom l'indique, vous hébergez vous-même les fichiers d'extension packagés, définissez l'adresse de mise à jour de l'extension et implémentez la version de l'extension. Je pense personnellement que c'est le moyen le plus sûr et le plus efficace. Pour les étapes détaillées, vous pouvez visiter [.Publication auto-hébergée

Le développement d'une extension Chrome est relativement simple. Il vous suffit de suivre le processus de développement correspondant, aucun code n'est donc écrit dans cet article.


------Finition------