应用截图
详细介绍
在开发者工具检查器窗口中修改 CSS 时，跟踪更改并提供格式清晰的差异结果。
当您负责将其他人完成的设计转化为 HTML + CSS 时，为调整细节而与对方反复沟通往往令人沮丧。您经常会收到带有标注的截图，要求移动或更改某些内容。前端工程师和设计师都会因这种反复沟通而感到沮丧。
向设计师介绍 Chrome 开发者工具检查器后，他们就可以随心选择元素并调整 CSS 值，这能极大改善流程，因为他们可以针对希望更改的值提供具体反馈。
CSS Diff 是一款简化这一反馈流程的扩展程序，让设计师只需将更改的常规“diff”输出发送给工程师，即可让工程师实施这些更改。通常您会使用 less、scss 等管理样式，因此可以直接将差异应用到源文件，但理解差异并手动更新也比根据带标注的截图进行更新好得多。
此功能不适用于压缩后的 CSS，因为它只是保留开发者工具打开时的 CSS 副本，然后实时显示与该副本的差异。这通常不是问题，因为让设计师访问源代码未压缩的开发环境应该很简单。