firebug - 使用开发者工具/Firebug 更新文件

Question

有什么方法可以将 Chrome Developers Tool 或 Firebug 中所做的更改直接保存到文件中？假设我对该文件具有读/写访问权限。

或者，是否有任何开发工具可以以类似的方式(或类似的 UI)更新更改？

Answer 1

在 Chrome Dev Tools 中，可以从 Sources 面板保存更改的 CSS 和 JavaScript 文件，并查看对这些文件进行了哪些更改(差异)。

例如:

在“源”面板中打开 JavaScript 或 CSS 文件。

单击源。

做出改变。

按 Command-S 或 Ctrl-S 保存更改。

右键单击源代码(或在源面板源树中)并选择 本地修改 查看版本控制。

右键单击，选择另存为...，然后在磁盘上选择一个位置来保存文件。后续保存将保存到此位置。