Extension Firefox pour afficher l'héritage des valeurs par défaut du navigateur?

Question

Parfois, lorsque vous regardez un style calculé dans Firebug, il n’est pas évident de savoir comment une valeur est calculée ou quelles sont ses origines. Dans certaines situations, la source est celle par défaut du navigateur. Dans les sites Web déjà construits, il est impossible d’injecter une réinitialisation CSS qui entraînerait la rupture de toutes les pages.

Existe-t-il un moyen dans Firebug, Web Developer ou une autre extension d’afficher une structure d’héritage jusqu’à la configuration par défaut du navigateur, y compris l’affichage de la valeur par défaut?

Answer 1

Cliquez sur la flèche vers le bas de l'onglet Style dans le panneau de droite de Firebug. Décochez la case "Afficher le style calculé". et cochez la case "Afficher le CSS de l'agent d'utilisateur".

Le nom de fichier bleu à côté de chaque sélecteur est le fichier CSS où le sélecteur est défini. Le fichier CSS par défaut de Firefox s'appelle html.css et son emplacement (lorsque vous la survolez) est resource: //gre/res/html.css. C'est ainsi que vous savez qu'il s'agit du navigateur par défaut.

Answer 2

Désactivez Afficher le style calculé.

Il le décompose ensuite en déclarations, classes et paramètres par défaut du navigateur. C’est cette petite flèche lorsque vous survolez Style.

Activez également "Afficher le CSS de l'agent d'utilisateur".