Firebug Extended CSS Usage tags

Core tips: CSS usage is a firebug based Firefox extension that can be used to view CSS usage in a page, making it easier for developers to optimize CSS stylesheets.

Related downloads: FirebugV1.7.0

Before giving an introduction to the Firefox browser Firebug component usage (http://www.duote.com/tech/3/7891.html). Today introduced firebug its extended label CSS usage application.

(CSS usage is a firebug Firefox extension that can be used to view CSS usage on a page, making it easier for developers to optimize CSS stylesheets.) )

First figure:

Scan: Manual Description
Clear: Empty
Autoscan: Automatic description

Usage of CSS usage:

A, open the page you want to describe, open firbug (that is, that bug button), and then click the CSS Usage tab.

b, if you are using a lot of Ajax or DHTML Web pages, open as many hidden div/windows/tab as possible so that the CSS usage crawl as much content as possible. (Some styles are to be clicked by oneself, CSS usage can crawl)

C, each visit a new page, click on the Scan button will crawl, but to be lazy on the click of the AutoScan button, it will automatically crawl.

As you can see, there are different colors in the results of the crawl.

Green: The current page uses the
Red: Not used to the current page
Gray: Pseudo-Class (simple to understand when a:link link is not clicked; a:visited link has been clicked; A:hover Mouse is not clicked on the link; a:active the state when the link is pressed down;)