Dec 23, 2008

FireBug Developer tool Tip

Scenario1: To determine which style sheet or css class is applied to HTML element at runtime. (Figure 1)
Scenario2: How to debug css class? (Figure 2)

  1. Download FireFox 3
  2. Download FireBug Add-in
  3. Open firefox, Start > Run > Firefox
  4. Open web site by typing URL
  5. Right click on page and click “inspect element”
  6. Refer below two screen shots

Figure 1

Figure 2

No comments: