FireBug DOM颜色是什么意思?

时间:2009-11-18 10:13:43

标签: javascript dom firebug

我对这些颜色感到困惑。 我注意到FireBug DOM树的左栏中有4种颜色显示:

  1. 大胆的黑色
  2. 黑色
  3. 大胆的绿色
  4. 绿色
  5. 在右栏:

    1. 红色
    2. 大胆的绿色
    3. 绿色
    4. 表示对象结构的多个颜色元素。
    5. 这种颜色代表什么?为什么,例如,我可以访问window.document.URL并且我无法在Console中访问window.document.body,即使它们都在DOM树中的“非粗体黑色”类别中?

      非常感谢

3 个答案:

答案 0 :(得分:13)

这是正确的答案。

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

查看link以获取更多信息。
常见问题link中的详细信息。

答案 1 :(得分:1)

来自http://getfirebug.com/dom.html

  

对象采用颜色编码,以便HTML   元素,数字,字符串,函数,   数组,对象和空值都是   容易区分。

但我不能费心去查找哪种颜色代表什么。有了这些信息,我打赌你可以自己解决这个问题

答案 2 :(得分:1)

进一步深入研究后,我得到了答案:

在左栏:

  

黑色属性和绿色属性   方法。大胆意味着会员是   声明“由用户”表示   成员不是默认的   javascript / DOM框架。

在右栏:

  

数字为蓝色,字符串为红色。   对象显示为“实例预览”   其中的类型名称和成员   名称是绿色和成员值   是灰色的