How do you expand all objects in the console view of chrome?

Question

Is there a short cut for me to expand all these objects? I have attached a photo of what i would like to expand below. Any help would be amazing.

Answer 1

Run the following code in console of devtools-on-devtools:

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

Then switch to the original devtools window.

---

Based on chromium source code for the devtools.

---

For convenience you can save the code in snippets and run it later from there or by typing the snippet name in the commands palette (Ctrl-P or Cmd-P hotkey).

How to open devtools-on-devtools:

1. Open devtools first and switch its Dock side in the menu to a detached (floating) window

   

2. in the now detached devtools press CtrlShifti or ⌘⌥i on MacOS,
   which will open devtools-on-devtools in a new window