Recommended Firefox Plugin: CSS usage

From: http://www.qianduan.net/firefox-plug-ins-recommended-css-usage.html

 

CSS usage is a Firefox extension based on firebug. It can be used to view the usage of CSS on the page and clearly view the actual usage of all the rules in the CSS file on your website. You can view the CSS usage on multiple pages of a website. This is good and you can see the global usage of CSS on the website.

Preview:

: Https://addons.mozilla.org/en-US/firefox/addon/10704 Home Address: http://spaghetticoder.org/cssusage/

Usage:

• Open the page of the website you want to scan, open firebug, switch to the CSS usage tag, and click "scan.
• If you use a large number of Ajax or DHTML websites, open as many hidden DIV/window/tab as possible to make CSS usage crawl as much content as possible.
• Then visit other pages of your website.
• Each time you access a new page, click "scan. Of course, you can also select the autoscan button, so you do not need to press the scan button each time.

In the scan results, green rules indicate that the current page is used, black indicates that other pages are used, red indicates that the page is not scanned (at least on the current page), and gray indicates a pseudo class (: hover)

Some features:

• Displays the number of rows of a rule.
• Autoscan)
• Link to the CSS file (you can open the CSS file in the new tab)