Listes des outils indispensables pour le développement web sous Firefox
Dès que l’on développe régulièrement des sites, avoir de bons outils se révèle indispensable pour économiser beaucoup de temps.
Voici les différents outils qui peuvent grandement vous aider pour débugger votre site internet et identifier facilement le problème…
Firebug
Une fois l’installation de Firebug terminée vous verrez apparaître en bas de votre navigateur un petit insecte (1 sur l’image) en bas. Dès que vous cliquez dessus l’outil se fait découvrir.
En cliquant sur la petite flèche (2 sur la capture d’écran). Cette application vous permet facilement d’identifier un élément qui pose problème, et vous pouvez directement faire des testes en modifiant le css (zone 4) pour essayer de corriger le problème. Veuillez noter que les modifications ne sont que temporaires n’oubliez surtout pas de les copier/coller dans votre(vos) fichier(s) css original!
Web developper tools
Cette extension vous permet d’ajouter des cookies (ou les modifier), désactiver les styles, entourer différents éléments, désactiver les images. Bref pouvoir reproduit le comportement des moteurs de recherche (sans les styles), le comportement des navigateurs qui ne charge pas des images. Redimensionner votre navigateur pour avoir une idée de ce que donne le site en 1024×768, 1280×800, etc. Ils vous offrent aussi la possibilité de valider via des liens le HTML, CSS, …
Cette extension est très utile et devient vite indispensable…
YSlow, Page Speed
Les 2 extensions sont fort identiques, vous permettent d’analyser la vitesse de chargement de vos pages et les « points » à améliorer.
HTML Validator
Cette extension vous permet de vous indiquer directement si votre page est valide ou non. Très pratique vous n’avez plus besoin de vous rendre sur la page du validateur du W3C pour être sur que vous respecter les normes
Si vous avez d’autres extensions Firefox utiles, n’hésitez pas a les posters en commentaire