What do the FireBug DOM colors mean?

前端 未结 3 1570
迷失自我
迷失自我 2021-02-10 01:53

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
相关标签:
3条回答
  • 2021-02-10 02:29

    After digging into it a little further I got the answer:

    In the left column:

    Black are properties and green are methods. Bold means the member was declared "by the user" meaning the members aren't from the default javascript/DOM framework.

    In the right column:

    Numbers are blue, strings are red. Objects appear as a "instance preview" in which the type name and the member names are green and the member values are gray

    0 讨论(0)
  • 2021-02-10 02:41

    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.

    0 讨论(0)
  • 2021-02-10 02:49

    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

    0 讨论(0)
提交回复
热议问题