Skip to content
Go to file


Failed to load latest commit information.


CSS Used

Get all css rules used by the selected DOM and its children.

Get it at the Chrome Web Store : CSS Used >>


Get all css rules used by the selected DOM and its children. Used to extrac only the used CSS. So the unused css will be left out.

If the selected DOM is the body, the result will be all the used css by the whole page curently.



F12 open the Developer Tools, select the dom and active the "CSS Used" pannel. The used CSS rules of the Selected dom and its children's will be listed in the right textare.

You can click "Preview" to see the selected part with clean style rules.


  1. Permission to read my browsing history


  2. Local preview not right

    As for the CSS rule like .wrap p{...}, if only <p> is selected, the result .wrap p{...} may not apply directly to <p>. Either changing this rule's selector to p{...} or giving the <p> a .wrap parent in the final HTML.

  3. Not all the CSS is got

    The result is generated based on the CURRENT HTML DOM. If a div doesn't exist in the document unless a specific user interaction, the result may miss out the style rules for the newly born div.

  4. Always says to fresh the page

    First check whether it's Chrome Web Store pages, which is, which won't allow content script injection. If it's a normal webpage , please create an issue.


Go to releases

For older version infomation: Go to the Changelog page


  1. npm install to install all the dependencies
  2. npm run build gernerate /dest/asset/js/content.js. Drag the dest folder to chrome://extensions/, remember to turn on the dev mode on the top right of the page.
  3. npm test will start a local http://localhost:1234 server. Visiting the test page and check the console.
You can’t perform that action at this time.