可以在Firefox开发人员工具中查看所有编辑过的样式吗？

Question

我首选的CSS工作流程（至少在调整现有CSS时）是使用3面板检查器面板在浏览器中直接进行编辑，然后将编辑后的样式复制到我的样式表中。

有时，我将编辑许多元素的样式，而忘了我编辑了某些元素（因为您只能通过精确选择该元素并在左侧带有绿色条的规则来查找它是否已编辑AFAICT）。然后，我将无法手动将该元素的样式更改复制到我的样式表，并且在重新加载时丢失所做的更改。

在某个地方可以看到 all 我使用Inspector编辑样式的地方-包括添加新规则-这样我就可以一次复制它们吗？

Answer 1

当前仅在Firefox Nightly中可用。在about:config中将devtools.inspector.changes.enabled设置为true。这样会在开发工具中创建一个“更改”标签，并在类似Git的面板上显示所有更改。