Chrome 控制台抽屉中的“更改”选项卡中没有 CSS 更改

Question

我真的很想看到我所有的实时 CSS 更改都在 Chrome 浏览器中的某个地方进行了总结，SO 上有几个关于此的问题，但对我来说没有任何作用。尤其是这个特定的答案，这似乎是实现我需要的最直接的方法。

我更改了一些 css 属性，但在此选项卡中没有看到任何内容：

仅供参考 - 我正在使用 webpack 开发服务器来提供此页面（如果相关）

Answer 1

以下是我如何显示我的更改：

选择要修改的元素后，单击样式选项卡下的+号。

新的检查器样式表出现在左侧列的“更改”选项卡下。右侧窗格包含您的新更改。

那么它不会自动跟踪和收集已经进行的更改吗？这真是……一个奇怪的选择。 (2认同)
@Aron 显然，“更改”选项卡仅适用于 CSS 文件中的样式。使用 Webpack 时，默认情况下，样式会作为内联“style”标签注入，并且对这些标签的更改不会出现在“更改”选项卡中。这就是为什么这是必要的。 (2认同)