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

Question

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

Export CSS changes from inspector (webkit, firebug, etc)

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

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

Answer 1

以下是我的更改显示方式：

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

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