Antoine.Guiral.Info

Je regarde depuis plusieurs mois du coté des extensions firefox. Deux options, soit me mettre au xul pour fournir un beau .xpi à installer. Soit utiliser jetpack, une des dernières nouveautés sortie du labs de mozilla.

Je me suis tourné vers jetpack. C’est tout neuf, c’est plutôt simle (javascript+html+css) et l’installation d’un plugin ne demande pas de redémarrage du navigateur . Seul contrainte, utiliser firefox 3.5 et plus.

Première étape, il faut installer jetpack sur votre navigateur. Pour cela, cliquez sur le gros lien tout en bas de cette page.

Ensuite tout se joue sur la page about:jetpack.

capture de about:jetpack

Pour commencer, 4 onglets sont importants :

• Develop : une console en ligne pour tester directement votre code (et ca c’est magique)
• Installed features : pour vois les extensions déjà installées, utile pour le petit bouton refresh
• Tutorial : pour commencer
• API référence : une très petite documentation sur les fonctions diposnible

Avant de rentrer dans le vif du sujet, je vous propose d’aller sur la page « Tutorial ». Vous allez trouver plusieurs bloc de code. Vous pouvez directement les tester en cliquant dessus pour les passer en mode édition, puis en testant le code en cliquant sur le petit lien juste en dessous du code « try out this code ».

Vous pouvez alors cliquer sur le petit « Boom! » en bas a droite de la status bar. Je ne pense pas avoir besoin de détailler le code, il est plus que limpide C’est toute la force de jetpack : c’est facile.

Dans un prochain billet, nous fabriquerons notre première extensions. En attendant vous pouvez vous amuser à bidouiller un peu ce code ou repartir de zéro dans l’onglet « Develop » !

Stay tuned !