google-chromelocalhostgoogle-chrome-devtools

How to disable Persistence with Chrome Dev tools?


I was playing around with Chrome DevTools and have set up persistence of my CSS (I'm working with a local copy of a website, running on localhost), but now I would like to switch it off, so that whenever I edit anything in the Elements tab, it wouldn't save the changes automatically. Unfortunately I can't find instructions for disabling it (all I find is either about how to turn this feature on or how to disable cache).

It's a cool feature, but I think it could cause lots of unnecessary style rules that are test left-overs and it would be hard to get rid of them after a while. Sometimes I do quick tests to see how things would look with different styles and I don't want these changes to save and I also don't want to delete them from DevTools manually, I'd rather keep doing it the old way - preview, then copy needed changes to my files manually.

Is there a way to remove file from automatic save on edit? Or is there a way to turn off persistence mode altogether?


Solution

  • At least as of version 131, you have the option in the settings, in Preferences under "Persistence". enter image description here

    The same option is under Sources, at the same level of "Pages" theres an "Overrides" Menu: enter image description here

    From here you can find all overrides, turn them off and delete them individually.