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.
- Download Chrome Canary.
- Enable DevTools Experiments.
- Open DevTools.
- Open Command Menu.
- Type
Settingsand press Enter. - Go to Experiments tab.
- Enable Persistence 2.0.
- Restart Chrome.
- Add folder to workspace
- Map to File System Resource…
- Change the styles in Elements Tab, after that enter Tab or enter
After these steps, all your change are in your local mapped files.
来源：https://stackoverflow.com/questions/41178636/can-i-save-css-style-changes-from-the-google-devtools-element-styles-tab-or-m