FireBug DOM颜色是什么意思？ [英] What do the FireBug DOM colors mean?

问题描述

我对这些颜色感到困惑。
我注意到FireBug DOM树的左侧列有4种颜色：

1. 粗体黑色


2. 黑色


3. 粗体绿色


4. 绿色

在右栏：

1. 蓝色


2. 红色


3. 粗体绿色


4. 绿色


5. 表示对象结构的多个颜色元素

这个颜色代表什么？为什么，例如，我可以访问window.document.URL，我不能在控制台中访问window.document.body，即使它们都是DOM树中的不是黑色的类别？

非常感谢

解决方案

进一步挖掘一下后，我得到了答案：

在左栏：

黑色属性，绿色为
方法。 Bold表示该成员被
声明为由用户，意思是
成员不是默认的
javascript / DOM框架。

在右栏：

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

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

解决方案

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

这篇关于FireBug DOM颜色是什么意思？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！