css - 如何在 Chrome 开发工具中获取 CSS 更改的摘要？

Question

有没有办法获取您在 Chrome 开发工具中应用的自定义 CSS 更改的列表？

当您在 Chrome 开发工具中使用 CSS 以使您的网页看起来正确时，它会派上用场，轻松跟踪您所做的更改。

我知道工作空间，但用例是一个 Angular 5 应用程序，你的 CSS 被捆绑并可能​​被缩小。

澄清：

• 我有一个页面看起来与它应该的样子相去甚远
• 我在开发工具中做了 20 个 CSS 修复，直到看起来不错
• 现在我想从原始页面获取（CSS）增量，所以我有一个我现在应该在真正的 CSS 样式中实现的更改列表。

标签： cssgoogle-chrome-devtools

Answer 1

您可以通过更改抽屉查看所有更改

在开发工具中，您可以通过以下任一方式找到更改抽屉：

• A)打开命令面板 ( Ctrl++ Shift)P并输入“更改”

  
  
  

• B)打开抽屉 ( Esc)，点击更多选项菜单（三点），然后选择更改

  

延伸阅读

• 如何在 Chrome 开发工具中获取 CSS 更改的摘要？
• 从检查器（webkit、firebug 等）导出 CSS 更改

更新

• Dev Tools 98为自动漂亮的打印更改添加了更精确的更改
• 问题 #1296143 已打开用户选择：更改抽屉中没有，因此很难使用