webdevux3 9 extensions Firefox pour développer et debugger vos applications web

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 !

DNS Cache

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.

29255828ow6 9 extensions Firefox pour développer et debugger vos applications web

FireCookie

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.

scrfirecookie1dq4 9 extensions Firefox pour développer et debugger vos applications web

HttpFox

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

httpfoxcf2 9 extensions Firefox pour développer et debugger vos applications web

Jiffy

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.

jiffydurationyv7in9 9 extensions Firefox pour développer et debugger vos applications web

Live HTTP Headers

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.

pageinfo06vv1 9 extensions Firefox pour développer et debugger vos applications web

Poster

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.

2615997292bed28b87efqm0 9 extensions Firefox pour développer et debugger vos applications web

Selenium IDE

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

seleniumiderf5 9 extensions Firefox pour développer et debugger vos applications web

TestGen4Web

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.

26159973501329b8fb43co8 9 extensions Firefox pour développer et debugger vos applications web

Yslow

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.

image2up3tz8 9 extensions Firefox pour développer et debugger vos applications web