在开发者工具的元素面板，我们可以选择任何DOM节点，然后转到属性标签页来查看该节点的属性。 
自己的属性
在属性窗格中，可以看到对象自己的属性会被优先排序并以粗体显示，这有助于我们快速识别这些属性。
首先在代码中获取DOM节点；之后增加一些自定义属性 
回到浏览器中，可以看到id为content元素自己的属性 
继承属性
如果我们想要追踪一个继承的属性，比如size，我们可以通过展开对象的[[Prototype]]链来查找它的来源。这个过程可能需要我们展开多个嵌套的[[Prototype]]，直到我们找到定义该属性的原始对象。 
过滤
如果我们想要过滤特定的属性，可以在过滤条件文本框中输入属性的名称或值，这样可以快速定位到我们感兴趣的属性。 
此外，属性窗格默认不显示值为null或undefined的属性，但我们可以通过选中"全部显示"来查看所有属性。 
了解属性
属性窗格不仅显示简单的键值对属性，还显示对象和数组，以及与DOM节点对应的属性。后者以链接形式存在，点击这些链接可以在DOM树中定位到对应的节点。此外，属性窗格还区分了对象自己的属性（以粗体显示）和继承自原型链的属性（以常规字体显示）。这有助于我们理解属性的来源。 
方法
方法在属性窗格中以f()标记，这些是我们可以调用的函数。 
