css - 我可以从 Google DevTools Element > Styles 选项卡保存 CSS 样式更改，还是必须转到 Sources 选项卡？

Question

今天，我了解了 Google Chrome 设置工作区并将其映射到本地资源的能力。这在 Sources 选项卡中完美运行，但我希望能够在 Elements > Styles 选项卡中编辑 css，以便我可以看到我所做的更改。否则我还不如将它们复制到我的编辑器中，因为我必须重新加载页面才能看到更改。

是否可以保存 Elements 选项卡中的更改？我想要类似于 Chrome DevTools Autosave 的功能如果它已经内置到 Chrome 中。

这与 Chrome Workspaces - Saves changes in Sources tab but not Elements 是同一个问题，但没有一种解决方案适合我。

Answer 1

新的实验性 Workspaces 2.0 以您想要的方式处理它。

1. 下载Chrome Canary .
2. Enable DevTools Experiments .
3. 打开 DevTools。
4. 打开Command Menu .
5. 键入 Settings 并按 Enter。
6. 转到实验标签。
7. 启用Persistence 2.0。
8. 重新启动 Chrome。