Inspecteur de code web
L'inspecteur sert à examiner et modifier l'HTML, le CSS et le JS d'une page web.
Il est possible d'examiner des pages ouvertes dans la plupart des navigateurs local (Chrome, Mozilla, Opera, Brave, Safari...), ou bien dans des cibles distantes, par exemple un navigateur Firefox pour Android. Voir la page débogage distant pour apprendre comment connecter les outils de développement à une cible distante.
Depuis Firefox 62, il est possible d'ouvrir la vue de Règles dans son propre panneau, il s'agit du mode à trois panneaux.
Pour savoir ce qu'il est possible de faire avec l'inspecteur, regardez les guides pratiques suivants :
Il y a deux façons principales d’ouvrir l'inspecteur sous Mozilla :
- Sans élément sélectionné : cliquer sur l'option "Inspecteur" du menu "Développement", ou bien utiliser le raccourci clavier correspondant (Ctrl + Maj + C)
- Avec un élément sélectionné : faire un clic droit sur un élément et sélectionner "Examiner l'élément"
L'inspecteur s’ouvrira alors dans votre navigateur :
Could not load image
The all-new Inspector in Firefox 57 DevTools.
Il est également possible de le faire apparaitre à gauche :
Could not load image
Ou à droite :
Could not load image
Ou dans une fenêtre séparée :
Could not load image
Metadata
Dernière mise à jour 1yr ago