Geek Answers Handbook

Can I save CSS style changes from the Google DevTools Element> Styles tab or go to the Sources tab?

Today I learned about the ability of Google Chrome to customize workspaces and map them to your local resources. This works fine on the Sources tab, but I want to be able to edit the css on the Elements > Styles tab so that I can see the changes as they are created. Otherwise, I could just copy them to my editor, since I need to reload the page to see the changes.

Can I save changes from the Elements tab? I would like the functionality to be similar to Chrome DevTools Autosave if it is already built into Chrome.

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

+1
css google-chrome google-chrome-devtools autosave
source share
2 answers

New experimental Workspaces 2.0 handle it the way you are looking.

  • Download Chrome Canary .
  • Enable DevTools experiments .
  • Open DevTools.
  • Open the command menu .
  • Type Settings and press Enter .
  • Click the Experiments tab.
  • Enable Persistence 2.0 .
  • Restart Chrome.

such emphasis, very comfortable

+2
source share
  • Add folder to workspace
  • Card with file system ...
  • Change the styles on the Elements tab, then enter a Tab or enter

After these steps, all your changes are in your local mapped files.

0
source share

More articles:


All Articles