Bienvenue dans Firefox Developer Edition
Inspecteur
Inspectez et affinez votre code pour obtenir une mise en page précise au pixel près.
Console
Repérez les problèmes liés à CSS, à JavaScript, à la sécurité ou au réseau.
Débogueur
Un puissant débogueur JavaScript compatible avec votre infrastructure.
Réseau
Détectez les appels réseau qui peuvent ralentir ou bloquer votre site.
Panneau stockage
Ajoutez, modifiez et supprimez le cache, les cookies, les bases de données ou les données de session.
Vue adaptative
Testez les sites en émulant différents appareils directement dans votre navigateur.
Édition visuelle
Réglez les animations, l’alignement et les marges de manière fine.
Performances
Éliminez les points bloquants, optimisez les processus et les ressources.
Mémoire
Trouvez les fuites de mémoire et améliorez les performances de votre application.
Éditeur de style
Modifiez et gérez l’ensemble de vos feuilles de style CSS depuis votre navigateur.
CSS inactif
Les outils de développement de Firefox grisent désormais les déclarations CSS qui n’ont aucun effet sur la page. Lorsque vous survolez l’icône d’informations, vous verrez un message expliquant pourquoi la déclaration n’est pas appliquée, ainsi qu’une indication sur la façon de résoudre le problème.
En savoir plus
outils de développement de Firefox
Les nouveaux outils de développement de Firefox sont puissants, flexibles et, cerise sur le gâteau, extensibles selon vos envies. Ils incluent un débogueur JavaScript d’élite qui s’adapte à différents navigateurs et qui est développé à l’aide de React et de Redux.
En savoir plus
Maîtrisez les grilles CSS
Firefox est le seul navigateur disposant d’outils dédiés pour la conception et la création à l’aide de grilles CSS. Ces outils vous permettent de visualiser une grille, d’afficher le nom des zones associées, de générer un aperçu des transformations sur la grille et bien plus encore.
En savoir plus
Panneau de polices
Le nouveau panneau de polices dans les outils de développement de Firefox permet aux développeurs d’accéder rapidement à toutes les informations pertinentes concernant les polices utilisées sur un élément. Il s’agit notamment de leur source, formatage, style, etc.
En savoir plus
Exprimez-vous
Vos retours nous permettent de nous améliorer. Dites-nous comment nous pouvons perfectionner notre navigateur et nos outils de développement.
Contribuer
Aidez au développement du dernier navigateur indépendant. Codez, corrigez des dysfonctionnements, créez des modules, et bien plus.