Extract used CSS including JavaScript

Question

What is the best way to extract only the CSS used including those used by JavaScript.

I tried CSS Usage seems to have stopped working with the current versions of firefox

Dust-Me works but it classifies css used by javascript as unused css.

Are you trying to scrape the CSS, or access it via JS within a page? It looks like you're looking specifically for a Chrome extension? — Brett DeWoody
– Brett DeWoody, Commented Jun 30, 2017 at 16:06

Aurélien Gasser · Accepted Answer · 2017-06-30 16:17:20Z

1

The newest version of Google Chrome now has this feature built-in.

From the developer tools (press F12 to show them), there is now a new "Coverage" menu.

Simply start recording, reload the page, and then stop recording.

It will show JS/CSS coverage:

You can then click on an individual CSS files to see coverage details:

answered Jun 30, 2017 at 16:17

Aurélien Gasser

3,1201 gold badge23 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bruno Andrade Over a year ago

Very good, this seems to work correctly. Does it have any way to save only the used code or do I have to manually clean it?

Aurélien Gasser Over a year ago

@BrunoAndrade I don't believe there's a way to do that. The browser (Google Chrome) doesn't have write access to the actual source code files, just read access to a copy of it sent over the network.

Collectives™ on Stack Overflow

Extract used CSS including JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related