How do you expand all elements in the WebKit Inspector elements view?

google-chrome webkit inspector
Jon Rose picture Jon Rose · Aug 23, 2013 · Viewed 32.7k times · Source

Is there a way to expand all elements in the elements view of the Chrome WebKit inspector?

Answer

AllTradesJack picture AllTradesJack · Aug 6, 2014

If you hold ctrl + alt for windows (just opt on a mac) while clicking on the arrow of the element you want to expand, it will expand and all of its children will expand. So, if you ctrl + alt click on the <html> tag, that should expand the entire page.

This Link lists the keyboard shortcuts for chrome dev tools, including that one.

Related questions

Use Chrome's webkit inspector to remove an event listener

I know you can see the event listeners in the Chrome Inspector but i'm doing some debugging work and there are so many event listeners lying around I'd like to disable some without editing the code Is there a way …

Read More
How can I copy all text in Chrome's "Elements" inspector?

I would like to copy all of the expanded code found in the "Elements" pane of Google Chrome's WebKit inspector to my clipboard. I'm on OS X. Here is a screenshot of this pane (on the left side of the …

Read More
JavaScript: Is there a way to get Chrome to break on all errors?

I am looking for an equivalent in Chrome to the "break on all errors" functionality of Firebug. In the Scripts tab, Chrome has a "pause on all exceptions", but this is not quite the same as breaking on all errors. …

Read More