检查元素时如何在窗口/控制台中打开所有节点和对象？
Posted
技术标签:
【中文标题】检查元素时如何在窗口/控制台中打开所有节点和对象？【英文标题】：How to open all nodes and objects in window/console when inspect element? 【发布时间】：2012-11-20 00:49:45 【问题描述】：1) 我需要在 Google Chrome Developer (devtools) 中一次打开所有节点。比如图片上你可以看到<body>和<div id="mngb">打开了，但是<head>没有
https://developers.google.com/chrome/mobile/images/Desktop2.png
2) 此外，我需要在控制台中打开所有对象。例如，当我输入 console.log(object); 这是一个问题：当我在控制台中按搜索时，它仅通过打开的对象进行搜索。
顺便说一句，我在其他浏览器（Opera、Firebug）中注意到了这样的问题。
谢谢
【问题讨论】：
如果有循环引用怎么办？你不能扩展它。var a=; a.a=a; console.log(a)
你可以在element.innerhtml里面搜索。
【参考方案1】：
Opera Dragonfly 有一个扩展整个 DOM 树的按钮，但我在 Chrome 中找不到任何此类功能。
您可以使用console.dir(obj) 来显示在Opera Dragonfly 中展开的对象，但它只会展开第一层。但是，当您使用此功能时，Chrome 不会展开对象。
【讨论】：
以上是关于检查元素时如何在窗口/控制台中打开所有节点和对象？的主要内容，如果未能解决你的问题，请参考以下文章