A nice little CSS garbage collecting tool which knows about that DOM changes over time. To track changes and make sure only unused CSS rules will get removed it uses MutationObserver.
- Add this JS file to your project;
- Open a pages of your application;
- Press Alt+R (start recording);
- Click through the page trying to use all the functionality;
- Press Alt+A (remember newly used rules);
- Repeat 3-5 until there are pages left;
- Press Alt+S to get all the used rules.
Yeap, feel like a robot or, better, integrate this tool in your integration testing process to prove your app has no unused CSS rules at all!
Feel free help with the code, if you've found this tool useful.