css - 通过 Chrome 开发者工具更改 CSS 时更新源文件

Question

我使用 xampp 作为 php 项目的本地服务器。我正在寻找一种工具来自动更新 css 更改，这是我通过 chrome 检查元素完成的。

我现在做的是，

• 在 chrome 中打开我的项目（本地主机/项目）
• 右键单击并检查元素
• 更改 css（假设更改 h1 标签的颜色）
• 复制这些并将其粘贴到我的 style.css 中

我想做的是

• 在 chrome 中打开我的项目（本地主机/项目）
• 右键单击并检查元素
• 更改 css（假设更改 h1 标签的颜色）
• style.css 中的自动更新更改（更改 h1 标签的颜色）

有没有可用的工具或脚本来实现这一点？

Answer 1

Answer 2

chrome 中有一个功能可以解决这个问题。

这里： http ://www.html5rocks.com/en/tutorials/developertools/revolutions2013/

您可以阅读有关网络如何与本地计算机对应的内容，并自动保存您在 chrome 中所做的更改。