Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What do the FireBug DOM colors mean?

I'm confused with these colors. I noticed there are 4 colors showing in the left hand column of FireBug DOM tree:

  1. Bold black
  2. Black
  3. Bold green
  4. Green

In the right hand column:

  1. Blue
  2. Red
  3. Bold green
  4. Green
  5. Multiple color elements representing object structures.

What do this colors represent? And why, e.g, I can access window.document.URL and I can't access window.document.body in Console even though they are both in the "not-bold black" category in the DOM tree?

Thanks a lot

like image 603
André Pena Avatar asked Nov 18 '09 10:11

André Pena


2 Answers

Here is the correct answer.

Bold Black                   Objects
Black                        DOM objects
get in gray                  "Getter" functions
Bold green                   User functions
Green                        DOM functions
Bold Red                     Constructor functions

Check out the link for more information.
Further info in the FAQ link.

like image 50
Fatih Acet Avatar answered Oct 06 '22 00:10

Fatih Acet


From http://getfirebug.com/dom.html

Objects are color coded so that HTML elements, numbers, strings, functions, arrays, objects, and nulls are all easy to distinguish.

But I can't be bothered to lookup which color represents what. With this info I bet you can make that out yourself

like image 23
jitter Avatar answered Oct 06 '22 00:10

jitter