CODEWITHSUNDEEP
htmlcssgoogle-chromegoogle-chrome-devtoolsfirefox-developer-tools
rory
rory

Reputation: 1438

Chrome or FF Equivalent to IE Debugger's Css Changes Summary?

I just discovered this today:

enter image description here

I know Chrome has Persistant changes as an option (which is cool in it's own right) but not so nice when working across different servers.

Do Chrome or Firefox have anything like this or an add-on that does it perhaps?

Upvotes: 1

Views: 63

Answers (2)

Sebastian Zartner
Sebastian Zartner

Reputation: 20085

The Firefox DevTools (as of Firefox 51.0.1) show you with a little green stripe besides the style that it got changed, but they don't have a separate panel to list all changes.

Changed styles in Firefox DevTools *Rules* side panel

Upvotes: 1

Gideon Pyzer
Gideon Pyzer

Reputation: 23958

The History tab in Chrome DevTools will show you CSS changes you have made, with the ability to revert them. It's a very simple UI, and it doesn't work so well when you modify the existing stylesheets. If you add a new inspector stylesheet, and set or override styles, you will be able to see each modification as a separate entry in the History tab.

There are probably extensions out there that can do a better job, until the built-in one improves.

CSS changes

Upvotes: 4

Related Questions