Find unused css

Question

I\'m doing some development for some pages on our internal network. I want to know if there\'s an open source tool or FF plugin which can identify unused css within a projec

Answer 1

If you are familiar with node js you can also use "find unused css": https://www.npmjs.com/package/find-unused-css

Answer 2

dust-me-selectors Firefox addon is now compatible with Firefox 16...

Answer 3

Is it possible to combine all of your HTML pages together into one single page, for example using:

type *.htm > all-pages.htm

Then you could run Firefox/CSS Usage on this single, 'super' page?

Answer 4

There is a new program at sourceforge called CSS Scanner, it scans for used and unused css classes and stylesheets in html, aspx, php, javascript and jquery code. It's .net code so you'll need Windows: http://sourceforge.net/projects/cssscanner/

Answer 5

I've been looking for a while, and the best thing I found was this:

http://unused-css.com/

They scan your site and email you the result css.

I am aware you are working on a localsite, however if you find no alternative, you can upload your site somewhere and use this

Alternatively

You could install a previous version of firefox that is compatible with dust-me selectors and run it along side your current installation of firefox.

Answer 6

Google Chrome (and therefore probably Safari as well) have the developer tools installed, which come with Audits. When you audit the page, the unused CSS rules is one thing it checks.

Here's what it looks like on this page.