RESOLVED FIXED 6592
Web Inspector: finish the Metrics pane
https://bugs.webkit.org/show_bug.cgi?id=6592
Summary Web Inspector: finish the Metrics pane
Timothy Hatcher
Reported 2006-01-16 10:55:52 PST
The metrics pane should include: * All rectangles that the node includes. This can be 1 or more, e.g. inline nodes that wrap would have a rectangle for each line box. * Padding, margins, and border sizes. * The ability to see the offset location from the parent or the root node in the Inspector popup-menu. * Maybe a diagram showing the various metrics point to places on a box.
Attachments
Timothy Hatcher
Comment 1 2006-07-31 11:26:11 PDT
This was improved in Bug 10168, but we can show more information still.
Adam Roben (:aroben)
Comment 2 2008-01-29 11:13:42 PST
Idan Gazit
Comment 3 2010-07-06 03:20:03 PDT
Another idea for the metrics panel: a display of the containing element's dimensions, and a button which jumps focus to the containing element in the inspector. Without the information about the containing element's dimensions, a lot of mouse gymnastics are required to get this information, and every jump up the tree requires a lot of hunting through the element tree. Both pieces make debugging the calculated dimensions of an element much easier — I have the necessary parent information handy where I am, and traversing up the tree becomes much more efficient.
Timothy Hatcher
Comment 4 2010-07-06 06:35:12 PDT
Yep, I think that was originally planned, it was this bullet: * The ability to see the offset location from the parent or the root node in the Inspector popup-menu.
Timothy Hatcher
Comment 5 2010-07-06 06:36:34 PDT
The "Inspector popup-menu" part was referencing the original HUD Web Inspector. But I think letting you see the offset location from the offset parent or the root element is important still.
Rob Colburn
Comment 6 2012-05-10 11:29:06 PDT
It seems you can now adjust position which is probably the most useful part of offset metrics. Still, it would be nice to see offsets as well - they get handy when debugging elements inside of overflows.
Blaze Burg
Comment 7 2014-01-12 11:12:06 PST
The Metrics panel corresponds to the metrics tab in the Styles detail sidebar panel in the new inspector. Please file new bugs for additional features (such as live editing).
Timothy Hatcher
Comment 8 2014-01-14 11:42:06 PST
Live editing is supported.
Note You need to log in before you can comment on or make changes to this bug.