Skip to content

tomgenoni/cssdig-chrome

Repository files navigation

CSS Dig for Chrome

This Chrome Extension looks for stylesheets and style blocks on the webpage it's run against and groups declarations together for easy inspection. For example, you can see how many colors are used and how often. This can help you consolidate your styles and help with refactors.

It works on most websites but there are some limitations.

  1. @import : CSS in @import is ignored.
  2. Content Security Policies: In some situations CSS Dig has make AJAX calls to retrieve the contents of the CSS files. Sites with strict Content Security Policies can block them. For example, facebook.com and github.com.
  3. On sites with lots of external stylesheets it may take a few seconds to collect all the CSS.

If the extension fails to complete check the Javascript Console to view any errors.

Libraries Used

About

Chrome extension for analyzing CSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published