在chrome开发人员工具中查看不同的更改

devtools可以显示原始文件和当前修改之间的差异吗?
还是一列修改过的选择器及其新值(在CSS的情况下)?

I'm aware of:

• 本地修改 -每次更改的历史记录，但不包括原始的，当前的
• 映射到工作空间 -将修改后的文件保存到源文件
• 源图 -参见预处理源(SCSS)

• 使用CSS对元素窗格进行修改(不能直接编辑SCSS规则)
• 记住在两个窗口中进行更改或交叉引用
• 添加到SCSS，编译，重新加载，希望我没有错过任何东西。

如果可以在元素窗格中编辑SCSS，那么我们可以使用工作区映射和肝脏负载来保存，但这将比在浏览器中修改CSS要慢。