Si vous êtes un utilisateur de Google Chrome, vous possédez sans doute des extensions : ce sont des programmes que vous pouvez installer pour en modifier les fonctionnalités.
Les extensions Chrome peuvent par exemple vous aider à automatiser certaines tâches de votre navigateur, à modifier des comportements existants ou encore à améliorer le confort d’utilisation de votre logiciel. Il existe même des extensions pour Chrome qui peuvent vous aider à améliorer le référencement de votre site internet.
Sommaire :
Les extensions Chrome sont construites à l’aide de scripts HTML, JavaScript et CSS et sont comme de petits sites internet, téléchargés depuis le magasin d’applications Chrome.
La seule différence entre une extension Chrome et un site Web ordinaire, c’est que les extensions contiennent un fichier « manifeste », qui leur donne une fonction spécifique à exécuter.
Cela peut sembler évident, mais tout le monde n’utilise pas Chrome comme navigateur : si vous n’êtes pas un utilisateur de Chrome, veillez à l’installer avant de poursuivre.
C’est parti !
La première étape de la création de votre extension Chrome consiste à définir une fonctionnalité.
Que fera-t-elle ? À quoi ressemblera-t-elle ?
Une icône est également nécessaire afin d’apparaître dans la boutique Google Chrome. Toutes les icônes doivent être carrées, sinon elles risquent d’être déformées. Si vous ne fournissez pas d’icône, Chrome en ajoutera une par défaut pour vous.
Partons du principe que si vous lisez cet article, vous avez déjà votre application et le service qu’elle doit rendre en tête, et continuons.
A chaque projet, son dossier ! Pour commencer, vous devez donc créer un nouveau répertoire qui accueillera tous les fichiers de votre extension.
C’est important car, pour que Chrome charge votre plugin, il doit être dirigé vers un dossier unique, contenant tous les fichiers de votre extension. Vous ajouterez tous les fichiers dont vous aurez besoin pour votre extension dans ce répertoire.
L’étape suivante consiste à créer le fichier manifeste de votre extension : c’est ce fichier qui indique à Chrome comment charger correctement l’extension, c’est très important ! Sans lui, le bouton permettant d’installer l’extension est absent.
Créez un fichier appelé « manifest.json » et ajoutez-le à votre répertoire, puis ajoutez le code dont vous avez besoin, ce qui indiquera au navigateur le nom, les icônes, et dans quel fichier trouver les fonctionnalités de votre extension.
Il est maintenant temps de tester votre extension pour vous assurer que Chrome l’exécute correctement :
Vérifiez que la case « Activé », située à côté de votre extension, est bien cochée afin de pouvoir la voir fonctionner en direct.
Ensuite, vous devrez ajouter un script pour indiquer à votre extension ce qu’elle doit faire.
Tout d’abord, créez un fichier nommé background.js dans votre répertoire d’extensions, et mettez-y votre script.
Ensuite, retournez à la page de gestion de votre extension et cliquez sur « recharger ».
Veillez à ajouter les scripts dans votre fichier manifeste.
Votre extension peut avoir plusieurs types d’interfaces utilisateur, de la fenêtre pop-up aux infobulles, et bien d’autres choses.
Là encore, vous devrez déclarer ce code dans votre manifeste pour qu’il soit pris en compte.
Avant de poursuivre, rechargez votre extension et vérifiez que tout semble correct.
Dans cette étape, nous allons plonger dans l’outil le plus utile dans votre processus de développement: les API Chrome.
Ces API vous permettent :
Vous pouvez parcourir la Documentation sur l’API de Chrome et trouver les API qui peuvent être pertinentes pour votre extension.
Tout comme les tests A/B en marketing, il est important de tester continuellement votre extension pour s’assurer que tout fonctionne.
Testez-la d’abord vous-même, bien sûr. Ensuite, demandez à une autre personne de le faire, et faites-le sans lui donner d’instructions particulière, pour vous assurer que l’utilisation est intuitive.
Apportez les modifications nécessaires, puis testez à nouveau votre extension.
Même après avoir lancé votre extension, vous pouvez l’optimiser et l’améliorer en permanence.
S’il est relativement simple de créer une extension pour Google Chrome, cela dépend de plusieurs facteurs, à compter par la complexité de la tâche qu’elle devra accomplir. Cela demande bien sûr des connaissances en développement.
Des développeurs sont à votre disposition sur Codeur.com pour vous aider à créer l’extension qui vous manque !