La boite à outils réunit la plupart des outils de développement intégrés à Firefox dans un seul endroit.

Vous pouvez l'ouvrir de plusieurs façons :

  • Sélectionner "Outils de développement" dans le menu "Développement" (dans "Outils" pour OS X et Linux, ou dans "Firefox" sous Windows),
  • Cliquer sur l'icône en forme de clé à mollette (), dans la barre d'outils principale ou dans le menu (), puis sélectionner "Afficher les outils"
  • Activer l'un des outils, par exemple le débogueur JavaScript ou l'inspecteur web).
  • Utiliser le raccourci  Ctrl+ Maj+ I sous Windows ou Linux, ou bien Cmd+ Opt +i pour OS X. Ou bien même utiliser la touche F12. Voir aussi les raccourcis clavier.

Par défaut, la fenêtre apparait en bas de la fenêtre de navigation, mais il est possible de la détacher. Voici à quoi ressemble la fenêtre en mode attaché :

Cette fenêtre est séparée en deux parties : la barre d'outils en haut et la partie principale en dessous :

Mode d'ancrage

Par défaut, la boite à outils apparait ancrée en bas de la fenêtre du navigateur. Mais il est possible de l'ancrer sur la droite du navigateur, ou de la faire apparaitre dans sa propre fenêtre. Pour cela il faut utiliser les boutons de la barre d'outils.

Barre d'outils

La barre d'outils contient les boutons pour activer les outils, pour attacher, détacher ou fermer la boite à outils.

Le sélecteur d'élément

Le bouton à gauche sert à activer le sélecteur. Il permet de sélectionner un élément de la page pour l'inspecter. Voir "Sélectionner un élément".

Outils de la boite à outils

Il y a ensuite plusieurs boutons vous permettant de naviguer entre les différents outils de la Boite à outils. La barre peut contenir les boutons suivants :

Il est à noter que tous les outils n'apparaitront pas forcément dans la barre : uniquement les outils disponibles sont visibles (par exemple : tous les outils ne prennent pas encore en charge le débogage à distance, donc si la cible du débogage n'est pas la fenêtre active, tous les outils ne seront pas disponibles).

Outils supplémentaires

La barre de boutons à gauche de la barre d'outils peut être personnalisée dans les options de développement. Par défaut, elle inclut :

Les outils suivants ne sont pas affichés par défaut mais peuvent être activés via les options :

Contrôles de la boite à outils :

Grâce à ces boutons il est possible de :

  • Fermer la fenêtre.
  • Choisir entre le mode attaché sur le côté ou en dessous.
  • Choisir entre fenêtre indépendante ou attachée
  • Acceder aux options de développement

Options

Voir la page sur les options des outils de développement.

Panneau principal

Le contenu du panneau principal dans la fenêtre est entièrement contrôlé par, et est spécifique à l'outil actuellement sélectionné.

Raccourcis clavier

Ces raccourcis fonctionnent quand les outils sont ouverts, quel que soit l'outil sélectionné.

Commande Windows Mac OS X Linux
Faire défiler les outils de gauche à droite Ctrl + ] Cmd + ] Ctrl + ]
Faire défiler les outils de droite à gauche Ctrl + [ Cmd + [ Ctrl + [
Alterner entre l'outil ouvert et les options Ctrl + Maj + O Cmd + Maj + O Ctrl + Maj + O
Alterner entre l'outil ouvert et les options (depuis Firefox 43) F1 F1 F1
Alterner entre les deux derniers modes d'ancrages (depuis Firefox 41) Ctrl + Maj + D Cmd + Maj + D Ctrl + Maj + D
Activer la console scindée (sauf si l'outil sélectionné est la Console) Esc Esc Esc

Ces raccourcis fonctionnent pour tous les outils dans la boîte à outils.

Commande Windows Mac OS X Linux
Augmenter la taille de la police Ctrl + + Cmd + + Ctrl + +
Diminuer la taille de la police Ctrl + - Cmd + - Ctrl + -
Réinitialiser la taille de la police Ctrl + 0 Cmd + 0 Ctrl + 0

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : wbamberg, maximelore, Amandine83, joel.costamagna
Dernière mise à jour par : wbamberg,