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 cant 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 couldnt 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 cssremoveandcombine@gmail.com 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.
You can Follow the below Step By Step procedure to install the CSS remove and combine Chrome Extension to your Chrome Web browser.
It is the CSS remove and combine Chrome extension download link you can download and install Chrome Browser.
Change the appearance of the web instantly
A quick and easy way to add custom CSS to the current web site.
This extension blocks CSS, which is ugly and slows the internet down,
A simple CSS property viewer.
Tracks the unused CSS selectors in your application
Given DOM element returns styles applied to it and all its children.
Live preview of CSS/Less/Sass code changes. Auto-save file, autocomplete, Less/Sass to CSS, beautify, CSS reloader, lint, ...
This extension allows you to drag each element of your website around individually to help you get your site just right.
Live Write CSS onto any page
Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and…