在Google Chrome开发者工具中查看由via inspector添加的CSS

cdm*_*dmo 12 css google-chrome-devtools

首先,我知道这个问题存在,但这不是我所得到的.我想知道Developer Tools中是否有一些视图可以让你看到"通过检查器"添加的所有样式. 例如,我可以选择span.count元素,看看这是我添加的内容.

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

有人看过SO帖子还是知道答案?谢谢.

Ale*_*lov 11

至少从Chrome 22开始,您可以在"源"面板中打开"inspector-stylesheet"源.它包含您手动添加的所有规则.

  • Chrome 25中似乎缺少这一点,在资源,资源和"本地修改"菜单项中都不可见.找到[this](https://code.google.com/p/chromium/issues/detail?id=160974&q=inspector%20stylesheet&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS %20Modified)在chrome bugtracker上并将通过那里跟踪. (2认同)

Dan*_*ock 10

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

  • 我经常这样做,我希望我可以直接转到源并启动一个新的检查器样式表,而不必转到元素选项卡。如果有人知道如何做到这一点,请分享! (3认同)