具有实时 CSS 编辑功能的 Google Chrome，并将更改保存回原始文件。是否可以？

Question

我喜欢现代浏览器的一件事是如何编辑 css 并实时查看结果。通常在设计前端元素时，我发现自己直接在 chrome 中调整了许多 css 属性，只有当我对结果感到满意时，我才会将所有更改复制回原始 css 文件。我不确定这种做法有多普遍，但它对我有用。

问题：有什么方法可以将 google chrome 中的原始页面 css 与已编辑的页面 css 进行比较并输出所有更改？这可能听起来很懒惰，但它是有道理的：如果您已经在 chrome 上编辑 CSS 大约一个小时，那么跟踪所有 div 和类中的所有更改可能会很耗时，这就是立即输出更改的工具会节省很多时间。

编辑：或者这可以通过控制台中的一些 javascript 魔法来完成？

Answer 1

您可能对 Google Chrome 内置的这个简洁功能感兴趣：

使用 Chrome 开发者工具更改本地文件系统上的 CSS 和 SAVE

我现在试过了，它在突出显示更改的线条时效果很好。只需单击“保存”即可完成！:)