Firefox/Outils aux développeurs
Firefox propose des outils pour faciliter la tâche aussi bien aux développeurs web avec des outils de manipulation de codes source qu'aux développeurs du logiciel lui même en proposant des outils de débogage évolués.
Développeurs de contenu web
modifierComme la plupart des navigateurs, un clic droit sur une page web permet de choisir d'en afficher la source, ou d'inspecter le code dans un outil appelé UI[1] (anciennement le module Firebug), et qui propose un panneau avec le code HTML de la page courante à gauche, et son CSS à droite. Les évènements JavaScript (events associés aux listeners) sont indiqués par les lettres "ev" dans le panneau HTML.
De plus, dans le menu Outils, Développeur web (ou via l'UI en pressant "F12") :
- Console (web) permet de montrer toutes les requêtes HTTP, CSS et JS, à chaque chargement de page. Les messages d'erreur y sont donc très explicites pour permettre de débugger une page. Son ardoise en bas permet de tester du code avec autocomplétion en l'exécutant directement en tapant "entrée". De plus, son menu Options des outils offre la possibilité de désactiver le JavaScript ou le cache, et une vue 3D.
- Performances : représente les requêtes les plus consommatrices de ressources, pendant un temps donné.
- Réseau : affiche les flux, par exemple les JS ou les requêtes AJAX sous la dénomination XHR (XMLHttpRequest). On peut voir leurs résultats dans le sous-onglet Réponse.
Réseau
modifierOn peut retirer les appels avec le verbe HTTP OPTIONS en filtrant par "-method:OPTIONS" (ex : pour ne voir que les GET, POST...).
Développeurs d'extensions
modifierLe site qui rassemble la plus de ressources utiles aux développeurs d'extensions est en anglais et se trouve à cette adresse.