如何在chrome的控制台视图中展开所有对象?

时间:2016-10-18 20:50:27

标签: google-chrome google-chrome-devtools

我是否有捷径扩展所有这些物品?我附上了一张我想在下面展开的照片。任何帮助都会很棒。

enter image description here

2 个答案:

答案 0 :(得分:7)

  1. 通过单击“设置”按钮,停靠侧:取消停靠,将devtools切换到分离/浮动窗口。
  2. 在devtools窗口中按 Ctrl - Shift - i 打开devtools的devtools。
  3. 在新打开的devtools窗口中粘贴并执行以下代码:

      

    $$('.console-view-object-properties-section').forEach(e => e._section._objectTreeElement.expandRecursively())

  4. 切换到原始的devtools窗口。

  5. 您可能希望将代码保存为“源”面板中的代码段,以便以后快速执行。

    基于chromium source code的devtools。

答案 1 :(得分:2)

看起来所有这些都记录了同一个对象。这对于扩展所有内容都没有用。

在控制台中展开对象时,它会在该时间点显示对象,而不是记录时间。您应该按字面记录要验证的值。

您想通过这种方式调试到底是什么?可能有一种更有效的方式。