Options

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 (à partir de Firefox 43) 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

Categories

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.

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

Nouveau dans Firefox 48

Enfin, il y a le thème "Firefbug" qui ressemble à l'extension Firebug, pour vous sentir chez vous si vous avez utilisé Firebug :

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
Une option pour contrôler so les styles apliqué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 (nouveau dans Firefox 47)
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 (nouveau dans Firefox 44).

Console web

Activer l'horodatage
Controle si la Console affiche les timestamp. Par défaut cette option n'est pas activée.

É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 le sources originales.
Compléter automatiquement le CSS
Autorise l'Éditeur de style à offrir des suggestions d'autocomplétion.

Profilleur JavaScript

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.

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

Parramètres avancés

Désactiver le cache HTTP
Disactive 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 "Disactiver 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.

Étiquettes et contributeurs liés au document

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