Menu
Is there a way to preserve the highlight showing the boxmodel properties (width, margin, padding, border) of a DOM element? I'm trying to inspect the behaviour of an element when the window is resized so it would be nice to permanently see the measurements.
Solutions for both Chrome Developer Tools and Firebug (Firefox) appreciated!
775
This shortcut is Option+⌘ Cmd+I on Mac, and Ctrl+Alt+I on Windows. Now you can hover over an element on the Inspector column box. Moving your mouse to an element or a line in Inspector will highlight the selected corresponding element on the web page.
This is not possible for Chrome DevTools, but you can open the Metrics pane in the right-hand side of the Elements panel to monitor content area/padding/border/margin when the window is resized.
158
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
