9 extensions Firefox pour développer et debugger vos applications web
Par Korben le 30 juin 2008

Parmi vous il y a quelques acharnés (comprenez développeurs, webmasters ou passionnés) qui adorent bidouiller leur site pour l’optimiser à mort.
Pour faire ce travail, il existe bien sûr des extensions indispensables qui s’appellent Firebug ou la Web Developer Toolbar qui permettent déjà de mettre le nez dans beaucoup de choses (HTML, CSS, Javascript…etc)
Mais elles ne sont pas les seules… Voici donc une petite selection d ‘autres extension à avoir dans sa boite à outil de dev !
Un truc tout con pour activer / désactiver le cache DNS dans Firefox ! Génialissime ! Pour ce qui est du cache du navigateur vous pouvez le faire avec le Web Developer Toolbar.

Firecookie vous permettra de voir et de gérer vos cookies. Via Firebug toujours, vous saurez quelques sont les cookies nouvellement crées, changés ou supprimés.

Cette extension permet de surveiller et d’analyser tout le trafic entrant et sortant entre votre navigateur et internet. Vous connaitrez ainsi les entêtes de requête et de réponse, les cookies envoyés et reçus, les paramètre POST envoyés…Etc

Même principe que pour Yslow, celle extension nécessite Firebug et vous permettra de mesurer encore plus finement le chargement de vos javascripts (fonction par fonction). Pratique si vous bosser en Ajax.

Cette extension géniale vous facilitera la vie pour voir et éplucher les entêtes (headers) HTTP envoyées par le serveur. Vous pouvez même éditer une entête et la rejouer.

Poster vous permettra d‘intéragir en direct avec des webservice ou autre pour analyser le résultat. Vous pouvez forger vous même les requêtes HTTP, les envoyer et inspecter ensuite le résultat.

Derrière ce nom se cache un outil de test pour application Web fonctionnant sur le même principe de TestGen4Web (enregistreur d’actions) mais proposant en plus des fonctionnalités de breakpoints, d’édition, d’auto-complétion, de recherche intéligente (via xpath)…etc

Dans le même style que ChickenFoot, cette extension permet d’enregistrer les actions que vous faites dans Firefox dans un XML. Ces actions peuvent ensuite être rejouées. Pratique pour faire des tests automatisés ou des benchmarks.
![]()
Certainement la plus connue, crée par Yahoo!, elle se greffe à Firebug et permet d’analyser les sites web pour connaitre par exemple le nombre de reqûetes vers le serveur, leur durée, la taille des éléments de la page, et truc sympathique, vous donnera une petite note et une tripoté de conseils sur comment optimiser encore plus votre site.

Je vous recommande aussi la lecture des sujets suivants
- Les extensions Firefox que tout developpeur Web devrait avoir !
- 20 extensions pour bien développer avec Firefox
- Le Top 10 des extensions Firefox orientées sécurité
- Une extension Firefox pour Picnik
- CoScripter, la macro du web 2.0







Sp3ud
Merci, il y en à quelques unes qui m’intéresse
Posté le 30 juin 2008 à 10:06:08
dinotronik
moi j’aime bien web developer mais en français !!
http://joliclic.free.fr/mozilla/webdeveloper/
Posté le 30 juin 2008 à 10:17:34
olivier
Merci! Le cache DNS m’a déjà rendu fou, l’extension qui permet de le désactiver va m’être bien pratique!
Posté le 30 juin 2008 à 10:24:39
Orni
C’est parti pour les test |-)
Posté le 30 juin 2008 à 11:07:28
Unknownn
Oulala génialissime comme tu dis pour le cache DNS, moi qui pensait changer de navigateur pour le dev de mes applis
Merci !
Posté le 30 juin 2008 à 11:12:11
DinOtrOniK
j’arrive pas a intégrer mon avatar sur le site (je suis inscrit sur mybloglog )
Posté le 30 juin 2008 à 11:28:16
Mikzaj
Excellent, j’en découvre un bon nombre de cette liste, merci beaucoup, je vais voir ça de plus prés.
Posté le 30 juin 2008 à 11:35:00
RpGmAx
Cool merci Korben, y en a que je ne connaissais pas et que je vais de ce pas tester !
Posté le 30 juin 2008 à 11:35:10
Tuxargon
Merci Korben, très bon article
Posté le 30 juin 2008 à 11:37:49
Defaite
@DinOtrOniK Il faut que tu sois inscrit sur http://www.gravatar.com
Posté le 30 juin 2008 à 11:39:41
DinOtrOniK
@Defaite merci !! ça marche très bien
Posté le 30 juin 2008 à 11:54:14
SoKow
On peut pas avoir ton design de firefox sous windows korben ?
Posté le 30 juin 2008 à 14:17:04
Manu
J’aime bien aussi DustMeSelectors : http://www.sitepoint.com/dustmeselectors/
Le principe est de trouver les propriétés/définitions CSS non utilisées, pour pouvoir faire le ménage ! On peut visiter toutes les pages du site et vérifier à la fin.
Posté le 30 juin 2008 à 16:21:58
stakhanov
Toujours utile……merci !
Posté le 30 juin 2008 à 16:42:31
DinOtrOniK
tiens o faite Korben , tu fais hashement peur sur ta ban.
Posté le 30 juin 2008 à 21:38:53
Mathias
il y en a que je ne connaissais pas
mais c’est quand même le nième article de ce type
Posté le 30 juin 2008 à 22:13:20
DispoWeb
Merci pour httpfox, je connais pas cette extension et ça m’a l’air sympa et légère en plus
Posté le 4 juillet 2008 à 04:28:22