Afficher le CSS ajouté par l'intermédiaire de l'inspecteur dans les outils de développement de Google Chrome

Question

D'abord, je sais cette question existe, mais ce n'est pas là où je veux en venir. Je veux savoir s'il existe une vue dans Developer Tools qui vous permet de voir todos les styles ont ajouté "via l'inspecteur". Par exemple Je peux sélectionner l'élément span.count et voir que c'est quelque chose que j'ai ajouté.

Mais j'ai ajouté beaucoup de choses via l'inspecteur. Actuellement, je dois cliquer sur chaque élément pour voir s'il s'agit de l'un des éléments pour lesquels j'ai ajouté un style.

Quelqu'un a déjà vu un message de l'OS à ce sujet ou connaît la réponse ? Merci.

Answer 1

Depuis au moins Chrome 22, vous pouvez ouvrir la source "inspector-stylesheet" dans le panneau "Sources". Elle contient toutes les règles que vous avez ajoutées manuellement.

Answer 2

Si vous rencontrez cette question et que vous avez toujours des problèmes avec les nouvelles versions de chrome, voici ce qui a fonctionné pour moi : Ajoutez un style dans le panneau des éléments sur un élément, puis dans le panneau des éléments, dans les règles css, cliquez sur le lien inspector-stylesheet. Cela ouvrira la feuille de style de l'inspecteur dans le panneau des sources. Vous pouvez la laisser ouverte et y ajouter des éléments si nécessaire.