查看chrome开发人员工具中的更改差异

时间:2014-05-13 22:44:49

标签: javascript css google-chrome-devtools

devtools可以在原始文件和当前修改之间显示差异吗? 或者是CSS的修改选择器及其新值的列表?

我知道:

  • 本地修改 - 每次更改的历史记录,但不是原创的......当前
  • 映射到工作区 - 将修改后的文件保存到其源
  • 来源地图 - 查看预处理来源(SCSS)

工作流程(SCSS)

  • 使用CSS撰写“元素”窗格的更改(不能直接编辑SCSS规则)
  • 记住两个窗口中的更改或交叉引用
  • 添加到SCSS,编译,重新加载并希望我没有错过任何内容。

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

0 个答案:

没有答案