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.
Vue d'ensemble
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. Accédez au Chrome Web Store pour découvrir d'autres exemples de fonctionnalités des extensions.
Comment sont-elles construites ?
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.
Que peuvent-ils faire ?
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.
Fichier manifeste
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.
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 le combiner avec 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
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.
Panneau latéral
Affichez l'interface utilisateur personnalisée dans le panneau latéral du navigateur.
DeclarativeNetRequest
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.
Concevoir une extension de haute qualité
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.
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 d'extension
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.
Votre première extension
Créez votre première extension Hello World afin de vous familiariser avec le workflow de développement d'extensions.
Exécuter des scripts sur chaque page
Apprenez à ajouter automatiquement des éléments à un site donné.
Injecter des scripts dans l'onglet actif
Apprenez à 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 un pop-up qui gère vos onglets.
Gérer les événements avec les service workers
Découvrez comment créer et déboguer un service worker d'extension.
Déboguer votre extension
Découvrez comment rechercher les journaux et les messages d'erreur lors du débogage.