Firebug Extended CSS Usage tags

Source: Internet
Author: User

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;)



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.