Chrome Inspector：编辑实时CSS的更简单方法？

在Chrome Inspector中，是否有比以下更好的方法来编辑实时CSS：

必须在“元素”和“源”选项卡之间来回切换

将您的内容从inspector样式表复制/粘贴到真正的样式表中

在中的“文件和文件夹”窗口中查找真正的样式表，右键单击，然后选择“保存”

后者也不例外

---

如果Chrome开发者看到了这一点——也许我们可以在方便的地方用一个大的“保存”按钮来代替？

你不能使用Chrome Inspector编辑任何文件。您要做的是编辑Chrome在访问请求页面时下载的临时文件。如果任何人仅仅通过检查html/css代码就可以处理服务器的文件，这将是一个相当大的安全风险！

---

就我个人而言，我使用Chrome Inspector是因为它可以在复制到我真正的CSS文件并上传之前轻松地编辑CSS live。

Chrome的新版本有一个称为“工作空间”的功能，可以解决这个问题。您可以定义Web服务器上的哪些路径对应于系统上的哪些路径，然后仅使用ctrl-s进行编辑和保存

---

请看：

你的意思是什么？（包括SASS支持）是的，这就是我的意思。试一试这不太正确-虽然你不能保存到服务器，但你可以保存在本地文件之上。@RichBradshaw真的吗？怎么做？事实上，这可能是对这个问题的正确回答。不过，您必须将其保存在本地，然后上传，这在某种程度上是我上面描述的过程。此外，在您编辑了源面板中相应的.scss/.LESS工作区文件后，DevTools可以立即提取由Sass、LESS或其他编译器重新编译的CSS（请参阅）