css - Chrome 工作区：元素中的更改>样式未保存到源选项卡

我正在尝试设置 Google Chrome 开发人员工具工作区，以便我可以在 Chrome 元素检查器中编辑我的 CSS 并将更改保存到我的硬盘驱动器上的源文件。

到目前为止，我已经让 Workspaces 工作，我可以在 Sources 选项卡中进行编辑并将编辑内容保存到本地文件中。但这不是我想要的！我想在 Chrome Element Inspector 中保存对 CSS 文件所做的编辑。

请帮忙！

（另一个非常老的线程建议使用 Google Canary，但我认为它已经过时了，而且它对我来说也是没有选择的，因为它在 Linux 上不受支持）

https://developers.google.com/web/tools/chrome-devtools/workspaces/
该链接中的“第 2 步：将 CSS 更改保存到磁盘”对我不起作用。

我正在使用角。我认为现在它因为 Angular 而不起作用。

标签： cssangularlinuxgoogle-chrome-devtools

看来您正在尝试编辑“src”文件夹下的 css 文件。如果我是正确的，您正在使用 Reactjs 或 Vue.js 类型的环境。不幸的是，谷歌明确表示这目前不起作用。

但是，您仍然可以操作“公共”文件夹下的 css 文件（在 reactjs 的情况下）。这是我采取的一种解决方法。