在 Google Chrome 开发者工具中查看通过检查器添加的 CSS

Question

首先，我知道this question 存在，但这不是我想要的。我想知道开发者工具中是否有一些视图可以让您查看“通过检查器”添加的所有样式。 For example，我可以选择 span.count 元素，看看这是我添加的内容。

但是我已经通过检查器添加了很多东西。现在我必须点击每个元素来查看它是否是我为其添加样式的元素之一。

任何人已经看到了一个 SO 帖子或知道答案吗？谢谢。

Answer 1

至少从 Chrome 22 开始，您可以在 Sources 面板中打开“inspector-stylesheet”源。它包含您手动添加的所有规则。

Answer 2

如果有人遇到这个问题并且仍然无法使用新版本的 chrome，这对我有用： 在元素的元素面板中添加样式，然后在 CSS 规则内的元素面板中，单击检查器样式表链接。这将在源面板中打开检查器样式表。您可以在此处将其保持打开状态并根据需要添加。