Développer une extension compatible Firefox, Chromium et autres navigateurs

Dans cet article, vous commencerez par mettre en place la structure de l’extension en préparant immédiatement le terrain pour que l’extension soit compatible entre plusieurs navigateurs web. Vous obtiendrez alors une extension hello-world. Vous verrez ensuite comment extraire le contenu de l’onglet actif pour en afficher les en-têtes dans la barre latérale. Après ces efforts, vous devriez obtenir un résultat similaire à celui de la figure 1. Vous développerez votre extension pour Firefox dans un premier temps puis adapterez l’extension à Chromium et Opera. La fin de l’article permettra de poursuivre un peu la découverte de l’API WebExtension au travers de diverses améliorations de votre extension, notamment la transformation des lignes de la barre latérale en autant de liens de navigation dans la page en cours.

1. Mise en place du projet

Commencez par mettre en place la structure du projet avec ses fichiers et dossiers. Cette structure a pour but de faciliter...