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.

Vue d'ensemble

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. Accédez au Chrome Web Store pour découvrir d'autres exemples de fonctionnalités des extensions.
Vous pouvez créer des extensions à l'aide des mêmes technologies Web que celles utilisées pour créer des applications Web, à savoir HTML, CSS et JavaScript.
Outre les API Web, les extensions ont également accès aux API Chrome Extension pour effectuer différentes tâches. Pour une présentation plus détaillée, consultez le guide de développement.

Terminologie liée aux extensions

Une extension Chrome est constituée de composants qui jouent des rôles différents.
Le fichier manifeste de l'extension est le seul fichier obligatoire dont le nom doit être 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 les ressources, déclare les 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 l'associer à un document hors écran pour ce cas d'utilisation.
Les scripts de contenu exécutent JavaScript dans le contexte d'une page Web.
Le code est exécuté lorsque l'utilisateur clique sur l'icône de la barre d'outils de l'extension ou qu'un pop-up s'affiche à l'aide de l'API Action.
Affichez l'interface utilisateur personnalisée dans le panneau latéral du navigateur.
Interceptez, bloquez ou modifiez les 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 du contenu sur le Chrome Web Store, vous devez d'abord prendre connaissance des informations suivantes.
Lorsque vous choisissez les fonctionnalités à prendre en charge, assurez-vous que votre extension remplit un seul objectif, 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 la 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. L'option Améliorer la sécurité des extensions propose des alternatives à l'exécution de code hébergé à distance.

Tutoriels

Choisissez l'un des tutoriels suivants pour commencer votre parcours de formation en extension.
Créez votre première extension Hello World afin de vous familiariser avec le workflow de développement d'extensions.
Apprenez à ajouter automatiquement des éléments à un site donné.
Apprenez à simplifier le style de la page actuelle en cliquant sur l'icône de la barre d'outils.
Découvrez comment créer un pop-up qui gère vos onglets.
Découvrez comment créer et déboguer un service worker d'extension.
Découvrez comment rechercher les journaux et les messages d'erreur lors du débogage.