Chrome Inspector：更轻松地编辑实时CSS？

Question

在Chrome检查器中，是否有更好的方法来编辑实时CSS：

1. 必须在“元素”和“来源”标签之间来回切换
2. 将检查器样式表中的内容复制/粘贴到真实样式表中
3. 在文件和文件夹窗口中找到您的真实样式表，右键单击然后选择“保存”？

后者doesn't always work。

如果Chrome开发人员看到了这一点 - 也许我们可以在某处方便地使用一个大的“保存”按钮？

Answer 1

您无法使用Chrome Inspector编辑任何文件。您所做的是编辑Chrome在访问请求的页面时下载的临时文件。如果有人可以通过检查html / css代码来处理服务器的文件，那将是一个相当大的安全风险！ 就个人而言，我使用的是Chrome Inspector，因为它可以轻松编辑CSS live，然后再将其复制到我的真实css文件并上传。

Answer 2

Chrome的新版本具有名为workspaces的功能，可解决此问题。您可以定义Web服务器上的哪些路径与系统上的哪些路径相对应，然后使用ctrl-s进行编辑和保存。

请参阅：http://www.html5rocks.com/en/tutorials/developertools/revolutions2013/