Menu
I'd like to expand all elements in inspect chrome supports.
How can I do this?
Is there any extensions or tool chrome supports?
517
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.
The Inspect Element feature of the Google Chrome browser is a powerful yet easy-to-use tool. It’s an important part of Chrome Developer Tools that you can use to check the source code of any website. But it doesn’t end there.
Open Google Chrome and go to a website. Here, we use hostinger.com. Right-click on any part of the web page and select Inspect. Enable the Inspect feature and click on the element you want to hide. Right-click on the code highlighted on the DOM tree and select Hide Element. A new visibility property will appear on the CSS panel.
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.
Is there a way to expand all elements in the elements view of the Chrome WebKit inspector? Show activity on this post. 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.
Expand / collapse node and all its children
Mac: Opt + Click on arrow icon
Windows: Ctrl + Alt + Click on arrow icon
To expand all elements, use the <html> element's arrow icon in the shortcut.
Source: Keyboard Shortcuts
154
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
