问题
Is there a way to expand all elements in the elements view of the Chrome WebKit inspector?
回答1:
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.
回答2:
Here's how i've decided to do it:
Highlight the element tag I wish to inspect, if it's the whole (expand all) the requirement, then highlight <body> tag, click F2.
Note: F2 is actually the shortcut for 'Toggle edit as HTML'. You can directly make any change in this mode, changes are reflected on web page. You may right-click within this new code view-window and enable/disable wordwrap.
回答3:
CTRL + SHIFT + ALT + LEFTCLICK
回答4:
On Chrome while clicking the arrow in the source-code, will expand all children elements.
- ALT + Click the Drop Arrow = Unwrap One level by one
- ALT + CTRL + Click the Drop Arrow = Unwrap "All" Level at once
回答5:
I found just right clicking on the tag and selecting "Expand Recursively" worked for me. I'm using Chrome Version 66.
You can also right click and "Collapse Children" to collapse it all again.
来源：https://stackoverflow.com/questions/18410212/how-do-you-expand-all-elements-in-the-webkit-inspector-elements-view