Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Save css on elements tab manually instead of automatically with Chrome Workspaces?

I just set up Chrome Workspaces but it's doing something that's really upsetting my workflow. If I edit a source file in the sources tab, it won't save it until I tell it to - this is good. But if I edit a style in the elements tab, it automatically saves it without me telling it to.

I can see how some people would like this, but I like to experiment with styles a lot. If I like my changes, I save them. If I don't, I throw them out. As it is, it automatically saves the changes the moment I do them, so I am constantly worried about screwing up my page and losing its original state. I am no longer free to experiment without a fear of losing my original page.

Is there a way to configure Chrome so changes I make in the elements tab are not saved until I tell them to be saved? Or perhaps is there an option to revert changes to their state when the webpage loaded? Is there some other solution for this? How do you handle experimenting in Chrome?

like image 526
dallin Avatar asked Sep 23 '13 18:09

dallin


1 Answers

I know this post is a bit old but wanted to pass along what i found and see if you have found any new info as well...

My work around has been to remove the network mapping from your workspace Scss or CSS files. Then you will still be able to go into Sources and edit all of your files and save them directly thorough Chrome but if you go to ELement.styles pane and play around with the styles there they will not be auto-saved and if you refresh the page things will be back to normal.

The only down side to this is, when editing code in the sources page when you make a change it will not auto reload you will have to manually reload the page. So there is a bit of a trade off there. If you are using some other kind of extension like LiveReload then this may not be an issue for you.

Currently I am using Chrome with network mapping most of the time and then if I want to play around i use chrome canary with no workspace or mapping set up so i can play around without issue.

Hope this helps, let me know if you found a better solution. Cheers,

like image 141
GifCo Avatar answered Oct 31 '22 05:10

GifCo