MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey-2018-1

Ouvrir les options

Pour voir le panneau des options, il faut ouvrir un outil de développement en ensuite :

  • Soit cliquer sur le bouton ()  dans la barre d'outils :
  • Soit appuyer sur F1 pour alterner entre l'onglet actif et le panneau d'options.
  • Soit appuyer sur Ctrl/Cmd+Maj+O pour alterner entre l'onglet actif et le panneau d'options.

Le panneau des options ressemble à ceci :

Depicts the Toolbox options

Catégories

Outils de développement par défaut

Ce groupe de cases à cocher détermine quels outils sont activés dans la boit à outils. Les nouveaux outils sont souvent inclus dans Firefox, mais ne sont pas activés par défaut.

Boutons de la boite à outils

Ce groupe de cases à cocher détermine quels outils possèdent une icône dans la barre d'outils.

Il est à noter que depuis Firefox 52 l'option "Sélectionner un élément" a été supprimé. Le bouton "Sélectionner un élément" est maintenant toujours présent.

Thèmes

Cette option permet de choisir parmi les trois différents thèmes. On retrouve :

Le thème clair, activé par défaut :

Light theme for DevTools

Le thème sombre (le thème par défaut de Firefox Developer Edition):

Dark theme for DevTools

Enfin, il y a le thème "Firefbug" qui ressemble à l'extension Firebug, pour vous sentir chez vous si vous êtes fan de cet outil :

Firebug theme for DevTools

Préférences générales

Ce sont les options qui s'appliquent à plusieurs outils. Il n'y a qu'une seule option :

Activer les journaux persistants
Elle sert à contrôler si les outils Console et Réseau vident leur contenu lors d'un changement de page.

Inspecteur

Afficher les styles du navigateur
Contrôle les styles appliqués par le navigateur (user-agent styles) doivent être affichées dans la vue des Règles. Il est à noter que cette option est indépendante de l'option "Styles navigateur" dans la vue "Calculé".
Tronquer les attributs DOM
Par défaut, l'Inspecteur tronque les attributs DOM de plus de 120 caractères. Décocher cette case empêche ce comportement. Cette option fonctionne en activant/désactivant la préférence "devtools.markup.collapseAttributes dans la page about:config. Pour changer la limite de caractères, il est possible d'éditer la préférence "devtools.markup.collapseAttributeLength", toujours dans la page about:config.
Unité par défaut pour les couleurs
Cette option permet de contrôler l'unité des couleurs représentées dans l'Inspecteur. Les différentes valeurs sont :
  • Hex
  • HSL(A)
  • RGB(A)
  • noms de couleur
  • unité d'origine

Console web

Activer l'horodatage
Contrôle si la Console affiche les timestamp. Par défaut cette option n'est pas activée.
Enable new console frontend (l'option n'est pas traduite dans les outils de développement)
Active la nouvelle Console expérimentale. Cette option n'est disponible que dans Firefox Nightly

Débogueur

Afficher les sources originales
Activer le support des source map dans le Débogueur.
Enable new debugger frontend (l'option n'est pas traduite dans les outils de développement)
Active le nouveau Débogueur. Enable the new debugger. Cette option n'est disponible que dans Firefox Nightly

Éditeur de style

Afficher les sources originales
Lorsqu'un préprocesseur supportant les sources maps est utilisé, cette option permet à l'Éditeur de style d'afficher les sources originales du préprocesseur plutôt que le CSS généré. Vous pouvez en apprendre plus sur le support des sources maps CSS ici.. Lorsque cette option est activée la vue des règles de l'Inspecteur affichera également un lien vers les sources originales.
Compléter automatiquement le CSS
Autorise l'Éditeur de style à offrir des suggestions d'autocomplétion.

Comportement pour les captures d'écran

Enregistrer dans le presse-papiers
Copie l'image dans le presse papier lors d'un clic sur l'outil Capture d'écran (l'image sera également enregistrée dans le dossier Téléchargement). Nouveau dans Firefox 53.
Jouer un son d'obturateur d'appareil photo
Lors d'un clic sur l'outil Capture d'écran, un son sera joué. Nouveau dans Firefox 53.

Préférences de l'éditeur

Préférences de l'éditeur de code source CodeMirror, qui est inclut dans Firefox et utilisé dans plusieurs outils de développement (incluant l'Ardoise JavaScript et l'Éditeur de style.

Détecter l'indentation
indenter automatiquement les nouvelles lignes en se basant sur l'indentation actuelle..
Fermer automatiquement les parenthèses et les accolades
 
Indenter à l'aide d'espaces
 
Taille des tabulations
 
Raccourcis clavier
Permet de choisir les raccourcis clavier par défaut de CodeMirror, il y a le choix entre :
  • Vim
  • Emacs
  • Sublime Text

Paramètres avancés

Afficher les données de la plate-forme Gecko
Cette option sert à contrôler si les profils doivent inclure des symboles de la plateforme Gecko ou non.
Désactiver le cache HTTP
Désactive le cache HTTP pour simuler les performances du premier chargement. Cela s'applique à tout les onglets qui ont la boite à outils ouverte. Cette option est persistante, cela veut dire que si elle est activée, la mise en cache sera désactivée à chaque réouverture des outils de développement. La mise en cache est automatiquement réactivée lorsque les outils de développement sont fermés. Il est à noter que les service workers ne sont pas affectés par cette option.
Note : Cette option était appelée "Désactiver le cache" dans les versions antérieures à Firefox 49. Elle a été renommée afin de rendre plus explicite le fait que cette option n'affecte que le cache HTTP et pas les Service Workers ou le Cache API.
Désactiver le JavaScript
Recharge la page actuelle avec le JavaScript désactivé.
Activer les Service Workers via HTTP
Autorise les enregistrements de Service Worker depuis des sites web non sécurisés.
Activer le débogage du chrome du navigateur et des modules
Permet d'utiliser les outils de développement dans le contexte du navigateur lui-même au lieu du contenu web uniquement.
Activer le débogage distant
Autorise le débogage des instances de Firefox distantes.
Activer le débogage des workers
Active un panneau dans le Débogueur pour déboguer les workers.

Note: Cette option a été supprimée de l'interface utilisateur dans Firefox 56, car cette version contient une nouvelle interface utilisateur du Débogueur, l'option peut toujours être activée pour l'ancienne interface en passant la préférence devtools.debugger.workers à true dans (about:config).

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : maximelore
 Dernière mise à jour par : maximelore,