在 Chrome Inspector 中,有没有比以下方法更好的编辑实时 CSS 的方法:
- 必须在“元素”和“源”选项卡之间来回切换
- 将检查器样式表中的内容复制/粘贴到您的真实样式表中
- 在文件和文件夹窗口中找到您的真实样式表,右键单击然后选择“保存”?
后者也并不总是有效。
如果 Chrome 开发人员看到这一点 - 也许我们可以在方便的地方设置一个大的“保存”按钮?
在 Chrome Inspector 中,有没有比以下方法更好的编辑实时 CSS 的方法:
后者也并不总是有效。
如果 Chrome 开发人员看到这一点 - 也许我们可以在方便的地方设置一个大的“保存”按钮?
新版本的 Chrome 具有一项称为工作区的功能,可以解决此问题。您可以定义网络服务器上的哪些路径对应于系统上的哪些路径,然后只需使用 ctrl-s 进行编辑和保存。
见:http ://www.html5rocks.com/en/tutorials/developertools/revolutions2013/
您无法使用 Chrome Inspector 编辑任何文件。您所做的是编辑 Chrome 在访问请求页面时下载的临时文件。如果任何人都可以通过检查 html/css 代码来处理服务器的文件,那将是相当大的安全风险!就个人而言,我使用 Chrome Inspector 是因为它可以很容易地实时编辑 CSS,然后再将其复制到我的真实 css 文件并上传。