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

【问题标题】：Chrome Workspaces: Changes in Elements>Styles not saved to Sources TabChrome 工作区：元素中的更改>样式未保存到源选项卡
【发布时间】：2020-11-24 15:22:40
【问题描述】：

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

到目前为止，我的 Workspaces 工作正常，我可以在 Sources 选项卡中进行编辑并将编辑内容保存到本地文件中。但这不是我想要的！我想在 Chrome 元素检查器中保存对 CSS 文件所做的编辑。

请帮忙！

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

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

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

【问题讨论】：

标签： css angular linux google-chrome-devtools

【解决方案1】：

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

'限制' https://developers.google.com/web/tools/chrome-devtools/workspaces

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

【讨论】：