我可以保存Google DevTools元素中的CSS样式更改吗？样式选项卡，还是必须转到“源”选项卡？

Question

今天，我了解了Google Chrome设置工作区并将其映射到本地资源的能力。这在Sources标签中完美有效，但我希望能够在Elements＆gt;中编辑css。 Styles标签，以便我可以在制作时看到更改。否则我不妨将它们复制到我的编辑器中，因为我必须重新加载页面以查看更改。

是否可以保存Elements标签中的更改？如果它已内置到Chrome中，我希望功能类似于。

这与Chrome DevTools Autosave的问题相同，但没有一个解决方案适合我。

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。

Answer 2

1. 将文件夹添加到工作区
2. 映射到文件系统资源...
3. 更改“元素”标签中的样式，然后输入标签或输入

完成这些步骤后，所有更改都在您的本地映射文件中。