Chrome 或 FF 等价于 IE Debugger 的 Css 变化总结？答案

【问题标题】：Chrome or FF Equivalent to IE Debugger's Css Changes Summary?Chrome 或 FF 等价于 IE Debugger 的 Css 变化总结？
【发布时间】：2017-06-17 03:59:09
【问题描述】：

我今天才发现这个：

我知道 Chrome 有 Persistant changes 作为一个选项（这本身就很酷），但在跨不同服务器工作时不太好。

Chrome 或 Firefox 是否有类似的功能或可能有这样的插件？

【问题讨论】：

这可能更适合SuperUser。
您可能希望删除问题中要求执行此操作的附加组件的部分。如果你只是问它是否在浏览器的 DevTools 中完成，那么它就是主题（程序员常用的软件工具）。要求我们找到可以满足您需求的插件是题外话：要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题是题外话 对于 Stack Overflow，因为它们往往会吸引固执己见的答案和垃圾邮件。相反，请描述问题以及迄今为止为解决该问题所做的工作。

标签： html css google-chrome google-chrome-devtools firefox-developer-tools

【解决方案1】：

Chrome DevTools 中的“历史记录”选项卡将显示您所做的 CSS 更改，并且可以还原它们。这是一个非常简单的 UI，当您修改现有的样式表时，它并不能很好地工作。如果您添加一个新的检查器样式表，并设置或覆盖样式，您将能够在“历史记录”选项卡中将每个修改视为一个单独的条目。

可能有一些扩展可以做得更好，直到内置的改进。

【讨论】：

【解决方案2】：

Firefox DevTools（从 Firefox 51.0.1 开始）向您显示除了更改的样式之外还有一条绿色小条纹，但它们没有单独的面板来列出所有更改。

【讨论】：