L'extension Web Developer pour Firefox est une barre d'outils un peu spéciale qui vous donne accès à de nombreux réglages utiles dans le cadre d'un développement web ou pour découvrir les trucs des sites webs que vous fréquentez.

Les grandes fonctions de Web Developer sont :

La possibilité de désactiver sur demande la plupart des fonctions de Firefox (cache, javascript, css, etc.) La désactivation du cache est très pratique dans le cacdre d'un développement, en évitant le vidage manuel du cache entre deux tests.

Des fonctions CSS puissantes : voir directement dans la page les css concernées quand on sélectionne un objet, modifier en live la css (très pratique, évite les tests avec upload de css modifiées), remplacer la css, etc...

Des fonctions liées aux formulaires très pratiques également pour des tests. On peut également "forcer" certains formulaires à accepter des données hors limites, ce qui peut mettre en danger certains sites qui ne fixent les limites de leur formulaires que dans la page web, sans vérification ultérieure sur le serveur.

Des fonctions liées aux images qui apportent des infos utiles (liens, poids des fichiers), mais permettent aussi de débugger en mettant en exergue certains paramètres (images sans attribut Alt par exemple).

Un bouton informations permet de visualiser en un clic des informations aussi importantes que les cookies utilisés ou les en têtes HTTP.

Le bouton suivant propose des fonctions génériques du navigateur en accès direct : vider le cache, supprimer les cookies de la page ou du domaine, zoomer... Plus besoin de passer par les options, un gain de temps considérable.

Les fonctions d'outline (mise en relief) permettent de voir un un coup d'oeil la structure d'une page CSS2 (Outline block elements) ou HTML classique (Outline tables et Outline table cells).

Les options d'affichage permettent de visualiser une page en simulant un écran d'une taille donnée. Par défaut, vous trouverez 800x600, mais vous pouvez également spécifier vos propres tailles d'écran.

Enfin, dernier lot de fonctions, le bouton Tools vous permet de soumettre une page à différents validateurs (W3C, CSS) ou de valider les liens de votre page.

Voilà, ne reste plus que le bouton "View source" qui vous permet d'accéder à la source de la page en un clic.

Vous l'aurez compris, cette extension est un "must have" pour toute personne développant sur le web ou simplement curieuse d'en savoir plus sur les sites visités. Cette extension est gratuite et peut se télécharger ici.