问题描述
我首选的CSS工作流程(至少在调整现有CSS时)是使用3面板检查器面板在浏览器中直接进行编辑，然后将编辑后的样式复制到我的样式表中.
My preferred CSS workflow (at least when tweaking existing CSS) is to edit directly in the browser using the 3-panel Inspector panel, then copy the edited styles to my stylesheet.
有时，我将编辑许多元素的样式，而忘了我编辑了某些元素(因为您只能通过精确选择该元素并在左侧带有绿色条的规则来查看它是否已编辑AFAICT).然后，我将无法手动将该元素的样式更改复制到我的样式表中，并且在重新加载时丢失所做的更改.
Sometimes I'll edit the styles for many elements and forget that I edited some element (since you can only see if it's edited AFAICT by selecting exactly that element and looking for rules with a green bar to the left). Then I'll fail to manually copy that element's style changes to my stylesheet and, on reload, lose the changes.
我可以在某个地方看到 all 的地方，这些地方是我使用Inspector编辑样式的地方-包括添加新规则-这样我就可以一次复制它们了?
Is there somewhere I can see all the places where I've edited styles using Inspector -- including adding new rules -- so that I can copy them all at once?
推荐答案
当前仅在Firefox Nightly中可用.在about:config中，将devtools.inspector.changes.enabled设置为true.这样会在开发工具中创建一个更改"标签，并在类似Git的面板上显示您的所有更改.
This is currently only available in Firefox Nightly. In about:config set devtools.inspector.changes.enabled to true. This will create a "Changes" tab in the dev tools with a Git-like panel showing all your changes.
这篇关于是否可以在Firefox开发人员工具中查看所有已编辑的样式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！