在Chrome开发者工具中查看更改的差异

4

开发工具能否显示原始文件和当前修改之间的差异?或者在CSS的情况下,可以列出已修改的选择器及其新值的列表?

我知道以下内容:

  • 本地修改 - 每个更改的历史记录,但没有原始..当前
  • 映射到工作区 - 将修改后的文件保存到它们的源中
  • 源映射 - 查看预处理的源(SCSS)

工作流程(SCSS)

  • 使用CSS在元素窗格中组合更改(不能直接编辑SCSS规则)
  • 在两个窗口中记住更改或交叉引用
  • 添加到SCSS、编译、重新加载并希望我没有漏掉任何东西。

如果在元素窗格中编辑SCSS是可能的,那么我们可以使用工作区映射和实时重新加载进行保存,但这比在浏览器中修改CSS要慢。

1个回答

0

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接