css - Chrome 检查器 : Easier way to edit live CSS?

Question

在 Chrome 检查器中，是否有比以下更好的编辑实时 CSS 的方法:

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

后者 doesn't always work要么。

如果 Chrome 开发者看到这个 - 也许我们可以在方便的地方设置一个大的“保存”按钮？

Answer 1

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