--- title: Options slug: Tools/Settings translation_of: Tools/Settings original_slug: Outils/Settings ---

Ouvrir les options

À partir de Firefox 62, l'icône pour afficher les options des outils de développement a été déplacé dans un menu accessible en cliquant sur les "..." tout à droite de la fenêtre :

Ce menu inclut les options d'emplacement des outils. Il est possible de les afficher en bas, à droite, à gauche, ou bien dans une fenêtre séparée.

Le menu inclut également l'option "Afficher la console scindée" qui permet d'ajouter la Console Web en bas de n'importe quel autre outil. Cela permet d'afficher une ou deux lignes de messages, et surtout de rendre disponible la ligne de commande.

La dernière option, l'option "paramètres" affiche les autres options des outils de développement. Cela 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.

Depuis Firefox 62, si l'option "Sélectionner un iframe en tant que document cible" est activée, l'icône apparaitra dans la barre d'outils, et ce même si la page ne contient aucun iframe.

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

Thèmes

Cette option permet de choisir un des deux thèmes :

Le thème "clair", par défaut :
Le thème "sombre" par défaut dans Firefox Developer Edition):

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.

Si les préférences générales ne sont pas incluses dans les options, les journaux persistants peuvent être activés en utilisant l'url 'about:config' du navigateur et passer la clé 'devtools.webconsole.persistlog' à true

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'éditeur multiligne 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

Détermine si rentrer un caractère ouvrant comme [ ou { causera l'éditeur à insérer automatiquement un caractère fermant comme ] ou }.

Indenter à l'aide d'espaces

Si coché, l'indentation sera faite en utilisant des espaces, si désactivé, l'indentation sera faite en utilisant des tabulations.

Taille des tabulations

La taille des tabulations dans l'éditeur. Les options possibles sont 2, 4, ou 8.

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).