Menu
Is there a way to expand all elements in the elements view of the Chrome WebKit inspector?
369
Click the menu bar in the top right corner. Goto settings => preferences. Under the appearance setting there is an option called panel layout which allows you to change the layout.
In the case of the objects with massive depth, Ctrl+Alt+Click should be applied a few times until it expands whole object, not only once.
Using Inspect Element, you can reveal passwords hidden by asterisks in login forms. Example: In the Inspect Element window, find the element tab.
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.
59
CTRL + SHIFT + ALT + LEFTCLICK
38
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.
5
On Chrome while clicking the arrow in the source-code, will expand all children elements.
1
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
