我可以从Google DevTools元素>中保存CSS样式更改吗？样式标签，还是必须转到“来源”标签？ [英] Can I save CSS style changes from the Google DevTools Element > Styles tab, or must I go to the Sources tab?

问题描述

今天，我了解到Google Chrome浏览器可以设置工作区并将其映射到您的本地资源。这在 Sources 选项卡中可以完美地工作，但是我希望能够在 Elements >中编辑CSS。 样式标签，以便在进行更改时可以看到更改。否则，我最好将它们复制到编辑器中，因为必须重新加载页面才能查看更改。

是否可以保存<$ c $中的更改c>元素标签？我想要类似于

Today I learned about Google Chrome's ability to set up workspaces and map them to your local resources. This works perfectly in the Sources tab, but I'd like to be able to edit the css in the Elements > Styles tab so that I can see the changes as I make them. Otherwise I might as well just copy them into my editor since I have to reload the page to see the changes.

Is it possible to save changes from the Elements tab? I'd like the functionality similar to Chrome DevTools Autosave if it is built into Chrome already.

This is the same question as Chrome Workspaces - Saves changes in Sources tab but not Elements, but none of the solutions work for me.

解决方案

The new, experimental Workspaces 2.0 handles it the way you're looking for.

1. Download Chrome Canary.
2. Enable DevTools Experiments.
3. Open DevTools.
4. Open Command Menu.
5. Type Settings and press Enter.
6. Go to Experiments tab.
7. Enable Persistence 2.0.
8. Restart Chrome.

这篇关于我可以从Google DevTools元素&gt;中保存CSS样式更改吗？样式标签，还是必须转到“来源”标签？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！