mardi 25 juin 2013

Web Developer vs Firebug


Qui se ressemble s'assemble


Tout le monde connait ces deux plugin Firefox - deux outils incontournables pour tous les développeurs web dignes de ce nom. Ils ont tout les deux leurs atouts, mais attention, ils n'ont  pas la même utilité.
On va les comparer dans leurs grandes lignes et voir qu'au final on ne pourra plus s'en passer.


Web Developer apporte des fonctionnalités un peu plus originale et indispensable comme :
- L'encadrement d'éléments ciblés (images, liens frames, tableaux, éléments déconseillés, etc)
- Des outils de mesure et de validation, une loupe.
- L'affichage d'informations comme les attributs alt, title, etc...
- Des options de formulaire.
- La possibilité de désactiver le css, javascript, java, les redirection meta, etc...


Firebug est plus axé sur la technicité de votre site.
Il va nous permettre :
- D'analyser tous les élément chargés lors de l'ouverture de la page.
- De suivre le fil réseau de nos requêtes. (affichage des requêtes ajax et redirection avec status erreur).
- de chopper un élément en particulier et de l'éditer en direct afin d'avoir un aperçu immédiat.
- La modification de code HTML, CSS, Javascript, etc en direct.
- L'affichage du temps de chargement de chaque éléments.
Pour info : un équivalent un peu moins complet est disponible par défaut avec Google Chrome dans les outils développeur.

Bref, plein de petites astuces super pratiques, qui au quotidien, vont vous faciliter votre travail de débogage.
Attention, de mon côté l'utilisation de ces deux plugin ralentie considérablement le temps de chargement des pages surtout pour Firebug
Pour installer les plugin il vous suffit de vous rendre dans votre gestionnaire "Modules complémentaires" de Firefox, de faire une recherche et de suivre les étapes d'installation.