Bienvenue dans le développement d'extensions Chrome. Découvrez tout ce dont vous avez besoin pour commencer à créer et à distribuer votre première extension Chrome.

Aperçu

Les extensions Chrome améliorent l'expérience de navigation en personnalisant l'interface utilisateur, en observant les événements du navigateur et en modifiant le Web. Consultez le Chrome Web Store pour découvrir d'autres exemples de ce que les extensions peuvent faire.
Vous pouvez créer des extensions à l'aide des mêmes technologies Web que celles utilisées pour créer des applications Web: HTML, CSS et JavaScript.
En plus des API Web, les extensions ont également accès aux API d'extension Chrome pour effectuer différentes tâches. Pour en savoir plus, consultez le guide de développement.

Terminologie des extensions

Une extension Chrome est composée de parties qui jouent différents rôles.
Le fichier manifeste de l'extension est le seul fichier obligatoire qui doit porter un nom de fichier spécifique: manifest.json. Il doit également se trouver dans le répertoire racine de l'extension. Le fichier manifeste enregistre des métadonnées importantes, définit des ressources, déclare des autorisations et identifie les fichiers à exécuter en arrière-plan et sur la page.
Un service worker s'exécute en arrière-plan et gère les événements du navigateur, comme la suppression d'un favori ou la fermeture d'un onglet. Ils n'ont pas accès au DOM, mais vous pouvez les combiner à un document hors écran pour ce cas d'utilisation.
Les scripts de contenu exécutent JavaScript dans le contexte d'une page Web.
Exécutez du code lorsque l'utilisateur clique sur l'icône de la barre d'outils de l'extension ou affichez une fenêtre pop-up à l'aide de l'API Action.
Affichez une UI personnalisée dans le panneau latéral du navigateur.
Intercepter, bloquer ou modifier des requêtes réseau

Publier sur le Chrome Web Store

Si vous créez l'extension vous-même, consultez notre tutoriel de démarrage. Si vous souhaitez publier une application sur le Chrome Web Store, vous devez d'abord connaître quelques points importants.
Lorsque vous choisissez les fonctionnalités à prendre en charge, assurez-vous que votre extension a un seul objectif, qui est défini de manière précise et facile à comprendre.
Les extensions distribuées sur le Chrome Web Store doivent respecter le Règlement du programme pour les développeurs. Consultez ces règles pour vous assurer que votre extension peut être hébergée sur le Chrome Web Store.
Lorsque vous écrivez votre code, n'oubliez pas que toute logique doit être incluse dans le package d'extension. Cela signifie qu'aucun code JavaScript supplémentaire ne peut être téléchargé au moment de l'exécution. Améliorer la sécurité des extensions propose des alternatives à l'exécution du code hébergé à distance.

Tutoriels

Choisissez l'un des tutoriels suivants pour commencer votre parcours de formation complémentaire.
Créez votre première extension "Hello World", qui vous permettra de vous familiariser avec le workflow de développement d'extensions.
Découvrez comment ajouter automatiquement des éléments à un site spécifié.
Découvrez comment simplifier le style de la page actuelle en cliquant sur l'icône de la barre d'outils.
Découvrez comment créer une fenêtre pop-up qui gère vos onglets.
Découvrez comment créer et déboguer un service worker d'extension.
Découvrez comment trouver des journaux et des messages d'erreur pendant le débogage.