google-chrome - 如何在chrome的控制台 View 中展开所有对象？

Question

有没有捷径可以让我展开所有这些对象？我附上了一张我想在下面展开的照片。任何帮助将是惊人的。

Answer 1

在 devtools-on-devtools 的控制台中运行以下代码:

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

然后切换到原来的 devtools 窗口。

基于 chromium source code 的 devtools。

为方便起见，您可以将代码保存在 snippets 中并稍后从那里运行，或者在命令面板中键入代码片段名称(Ctrl-P 或 Cmd-P 热键)。

如何打开 devtools-on-devtools:

先打开devtools，把它在菜单中的Dock side切换到一个分离的( float )窗口

在现在分离的 devtools 中的

在 MacOS 上按 CtrlShifti 或 ⌘⌥i，
它将在新窗口中打开 devtools-on-devtools