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

Question

Il y a des moments où l'on regarde un style calculé dans Firebug, on ne sait pas comment une valeur est calculée ou quelles sont ses origines. Dans certaines situations, la source est la valeur par défaut du navigateur. Dans les sites Web déjà construits, il n'est pas possible d'injecter une réinitialisation css qui entraînera 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'au navigateur par défaut, 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 "Afficher le style calculé" et cochez "Afficher les CSS de l'agent utilisateur".

Le nom de fichier bleu à côté de chaque sélecteur est le fichier CSS dans lequel le sélecteur est défini. Le fichier CSS par défaut de Firefox s'appelle html.css et son emplacement (lorsque vous passez la souris dessus) est resource: //gre/res/html.css, c'est comme ça que vous savez que c'est le navigateur par défaut.

Answer 2

Désactiver Afficher le style calculé. Il est ensuite décomposé par les déclarations et les classes et les valeurs par défaut du navigateur. C'est cette petite flèche lorsque vous survolez Style.

Activez également 'Afficher l'agent CSS utilisateur'.