Premiers pas
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
Que sont les extensions ?
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.
Comment sont-elles créées ?
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.
Que peut-il faire ?
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.
Fichier manifeste
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.
Service workers
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.
Scripts de contenu
Les scripts de contenu exécutent JavaScript dans le contexte d'une page Web.
Action de la barre d'outils
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.
Panneau latéral
Affichez une UI personnalisée dans le panneau latéral du navigateur.
DeclarativeNetRequest
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.
Concevoir une extension de haute qualité
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.
Familiarisez-vous avec les règles
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.
Inclure toute la logique de l'extension
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.
Votre première extension
Créez votre première extension "Hello World", qui vous permettra de vous familiariser avec le workflow de développement d'extensions.
Exécuter des scripts sur chaque page
Découvrez comment ajouter automatiquement des éléments à un site spécifié.
Injecter des scripts dans l'onglet actif
Découvrez comment simplifier le style de la page actuelle en cliquant sur l'icône de la barre d'outils.
Créer un gestionnaire d'onglets
Découvrez comment créer une fenêtre pop-up qui gère vos onglets.
Gérer les événements avec des service workers
Découvrez comment créer et déboguer un service worker d'extension.
Déboguer votre extension
Découvrez comment trouver des journaux et des messages d'erreur pendant le débogage.