La plupart d'entre nous Vous passez beaucoup de temps dans un navigateur Web. Si vous utilisez Chrome, Firefox ou Edge, vous savez que ces navigateurs sont dotés d'un grand nombre d'extensions tierces pour augmenter les fonctionnalités déjà intégrées au logiciel.
Mais que faire si vous avez besoin d'une fonctionnalité supplémentaire spécifique, d'un outil ou d'une fonctionnalité qui n'est pas couverte par les modules complémentaires existants ? Il est peut-être temps d'envisager d'écrire votre propre extension de navigateur. Cela peut sembler intimidant, mais ce n'est pas si difficile à faire une fois que vous avez appris comment faire. Et une fois que vous avez créé une extension personnalisée, vous pouvez soit la conserver pour votre usage privé, soit la rendre publique pour que tout le monde puisse l'utiliser.
Certaines connaissances en codage sont nécessaires, vous devrez donc apprendre les bases de l'écriture des pages Web et des scripts si vous ne les connaissez pas déjà. Si vous êtes débutant, vous pouvez commencer petit et progresser progressivement. Il existe également de nombreuses ressources utiles sur le Web si vous en avez besoin, allant des bibliothèques de codes aux cours en ligne.
Commencer
Une extension de navigateur est composée de plusieurs composants. Le premier est le manifeste, qui prend le nom de fichier manifest.json et contient divers éléments de métadonnées identifiant l'extension et ce qu'elle fait. Vous mettez le nom de l'extension dans le manifeste, décrivez ce qu'elle fait et spécifiez une action par défaut que l'extension exécute.
Consultez la documentation sur le format du fichier manifeste fournie par Google pour Chrome. Vous pouvez y voir quelques exemples, notamment un manifeste minimal contenant uniquement les éléments de base. Le manifeste pointe vers tous les autres fichiers requis pour l'extension, qui doivent être conservés dans le même dossier que celui où vous la développez.
Certains des fichiers vers lesquels pointe le manifeste sont les fichiers d'icônes, qui représentent visuellement votre extension dans le navigateur. Les utilisateurs rechercheront votre icône pour voir si votre extension est en cours d'exécution, et ils cliqueront sur l'icône pour accéder aux paramètres de l'extension ou pour la désactiver. Vous devez créer une icône de 128 x 128 pixels au minimum, et des icônes d'autres tailles (comme celles répertoriées ici) sont recommandées, afin que l'extension ait la même apparence partout où elle apparaît dans le navigateur, de l'écran des paramètres à la barre d'onglets. Si vous ne fournissez pas d'icône, une icône générique indiquant la première lettre du nom de l'extension sera utilisée à la place.
Vous disposez ensuite de vos scripts, qui effectuent le travail proprement dit de l'extension et peuvent se présenter sous diverses formes : HTML (Hypertext Markup Language) pour la conception Web de base, CSS (Cascading Style Sheets) pour un style et une manipulation plus avancés des objets sur le Web, et JavaScript pour effectuer l'essentiel des tâches de programmation (en supposant que votre extension fasse quelque chose de plus que simplement charger une page à l'écran).