Les extensions sont de petits programmes qui personnalisent l'expérience de navigation. Ils permettent aux utilisateurs d'adapter les fonctionnalités et le comportement de Chrome à leurs propres besoins ou préférences. Elles sont basées sur des technologies Web telles que HTML, JavaScript et CSS.
Une extension doit remplir un seul objectif, qui doit être précis et facile à comprendre. Une même extension peut inclure plusieurs composants et un large éventail de fonctionnalités, à condition que le tout contribue à un objectif commun.
Les interfaces utilisateur doivent être minimales et avoir une intention. Elles peuvent aller d'une simple icône, comme l'extension Google Mail Checker illustrée ci-dessus, à l'écrasement d'une page entière.
Les fichiers d'extension sont compressés dans un seul package .crx que l'utilisateur télécharge et installe. Cela signifie que les extensions ne dépendent pas du contenu du Web, contrairement aux applications Web ordinaires.
Les extensions sont distribuées via le tableau de bord du développeur Chrome et publiées sur le Chrome Web Store. Pour en savoir plus, consultez la documentation pour les développeurs du magasin.
Extensions Hello
Faites vos premiers pas dans les extensions avec cet exemple rapide d'extension Hello. Commencez par créer un répertoire pour stocker les fichiers de l'extension ou téléchargez-les depuis la page d'exemple.
Ensuite, ajoutez un fichier nommé manifest.json et incluez le code suivant :
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2
}
Chaque extension nécessite un fichier manifeste, mais la plupart des extensions ne feront pas grand-chose avec le fichier manifeste seul.
Pour ce guide de démarrage rapide, l'extension comporte un fichier pop-up et une icône déclarés dans le champ browser_action :
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
}
}
Téléchargez hello_extensions.png, puis créez un fichier intitulé hello.html :
<html>
<body>
<h1>Hello Extensions</h1>
</body>
</html>
L'extension affiche désormais hello.html lorsque l'utilisateur clique sur l'icône. L'étape suivante consiste à inclure une commande dans manifest.json qui active un raccourci clavier. Cette étape est amusante, mais pas nécessaire :
{
"name": "Hello Extensions",
"description" : "Base Level Extension",
"version": "1.0",
"manifest_version": 2,
"browser_action": {
"default_popup": "hello.html",
"default_icon": "hello_extensions.png"
},
"commands": {
"_execute_browser_action": {
"suggested_key": {
"default": "Ctrl+Shift+F",
"mac": "MacCtrl+Shift+F"
},
"description": "Opens hello.html"
}
}
}
La dernière étape consiste à installer l'extension sur votre machine locale.
- Dans votre navigateur, accédez à
chrome://extensions. Vous pouvez également accéder à cette page en cliquant sur le menu Chrome en haut à droite de l'omnibox, en pointant sur Plus d'outils, puis en sélectionnant Extensions. - Cochez la case Mode développeur.
- Cliquez sur Load Unpacked Extension (Charger l'extension non compressée), puis sélectionnez le répertoire de votre extension "Hello Extensions".
Félicitations ! Vous pouvez désormais utiliser votre extension basée sur un pop-up en cliquant sur l'icône hello_extensions.png ou en appuyant sur Ctrl+Shift+F sur votre clavier.
Et maintenant ?
- Suivez le tutoriel de démarrage.
- Consultez la présentation.
- Pour rester informé, consultez le blog Chromium.
- Abonnez-vous au groupe chromium-extensions.