css - 如何在没有工作区的情况下从 Chrome 保存 CSS 更改？

Question

我们设计师的当前工作流程是:

• 打开网页并编辑 CSS
• 写下一个问题中的所有 CSS 更改

chrome 有没有办法在不使用工作区的情况下保存 CSS 的“差异”并导出它？

Answer 1

从 Chrome 65 开始，Local Overrides可以帮忙解决这个问题。在 chrome://version 检查您的 Chrome 版本.如果你还没有 65，你可以使用 Chrome Canary .

1. 开放资源。

2. 点击本地覆盖标签。

   

3. 点击选择覆盖文件夹并选择目标。

4. 在Elements 面板的Styles 面板或Sources 面板的Editor 面板进行更改。 Chrome 将更改的文件保存到指定位置。

陷阱!!!

• 在 元素 面板的 DOM 树 中所做的更改不会保存。
• 当 CSS 规则的来源是 <style> 时，样式 Pane 中也不会发生更改 HTML 中的标记。至少在 Chrome 65 中是这样。有传言说这可能会在 66 中得到修复。