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 :

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 :

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

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 :

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.