Is it possible to audit multiple pages with Chrome Developer tools?

Question

I am trying to find out unused CSS class in my website, and then I found that there is a audit function in Chrome developer tools that will mark unused CSS classes. However, it is only doing one page at a time. Is there a way to make it audit multiple pages so that I can find out CSS classes that are not used in all pages?

I know there is a Firefox plugin Dust-Me that do the job. I am asking just to find if I can do that with Chrome alone, as I am more familiar with Chrome Developer tools.

Answer 1

There's a pretty recent browser extension called DisCoverage that is supposed to be able to do this. Read the description because version 1.0 of the extension is not able to automate the whole thing and you need to manually export a file for each page you visit and finally combine those files using the same extension.

Hopefully this extension will be improved in the future to be able to collect coverage reports automatically and the allow combining multiple results with a nice UI.

(The extension basically uses Coverage feature of Developer Tools and exports result of coverage for each page into separate files in a single directory. It also contains a feature to combine multiple coverage reports into single final report for viewing the results.)