CSS remove and combine

#2.28 / 115 rate

CSS remove and combine

7,000 users

2014-02-03

Steve McArthur

Extension Information

5 star
16%
4 star
9%
3 star
11%
2 star
19%
1 star
46%

Supported Languages

Permissions

Description

Removes unused selectors from all stylesheets on a page and combines the result into a single stylesheet that can be downloaded

This extension removes unused CSS rules on a page by creating a new CSS stylesheet containing only those selectors in use. This not only tidies and optimizes your stylesheets but combines them into a single file which can then be downloaded. The approach used by the extension is based on eliminating all ID and class based selectors that reference IDs and classes not on the page. There is also a quick view dialog that will give the user information on a page about the number of used and unused selectors. There is also now a report on the unused selectors which can be used to verify that the extension is working as described.

There is an issue reported in a review that the extension opens links to other websites. I can't see how this can be possible. The extension gets a list of stylesheets. This list is a property of the webpage document object. It then trys to open each stylesheet. If the stylesheet is on another domain, then nothing will be returned. In this way the extension cannot open any page on another domain. There is development code to get around this problem, but it is not yet active.

The "WebKitBlobBuilder" issue has now been solved. This rendered the extension unusable - thus all the negative feedback. Sorry that I couldn't fix the problem earlier as I was unfortunately sick for a long while. The "WebKitBlobBuilder" error was due to a change (quite reasonable) in chrome to remove support for the "WebKitBlobBuilder" property in favour of the standard "BlobBuilder".

Please let me know if the extension is working as advertised. You can contact me through the normal extension feedback system or at [email protected]

0.2.0.0: Added Unused Selector Report
0.1.2.0: Multiple window issue fixed
0.1.1.0: 'WebKitBlobBuilder' issue fixed

Issues:
1: Stylesheets on a different domain report no selectors. Message will print out saying no selectors found. Under development.
2: Ajax or JavaScript added elements not accounted for. Under development
3: Media queries not respected.

Reviews

Vladan Colovic
Vladan Colovic

Not working

Jason C
Jason C

does not work download button is a no-op; show unused throws some error about a null title.

Hao Wang
Hao Wang

这插件没人维护了?老是报错: SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules各位有没有同类型插件推荐?

Similar extensions

CSS Used
CSS Used

https://bobscript.com

Unused CSS Tracker
Unused CSS Tracker

niranjan.exe

CSS-Block
CSS-Block

Kjeld Schmidt

CSSViewer
CSSViewer

M.ed

Live editor for CSS, Less & Sass - Magic CSS
Live editor for CSS, Less & Sass - Magic CSS

https://webextensions.org

Xdebug helper
Xdebug helper

Wrep

Drag Design
Drag Design

Josh Cronin

Save CSS
Save CSS

Tomi Mickelsson

CSSSteal
CSSSteal

Krasimir Tsonev

LiveReload
LiveReload

https://livereload.com

User CSS
User CSS

https://dimox.name

Stylebot
Stylebot

https://stylebot.dev