canmove, Confirmed users, Bureaucrats and Sysops emeriti
1,093
edits
DevTools/Features/Layout: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 15: | Line 15: | ||
|Feature overview=The browser goes through quite a few computations in order to decide how big an element should be on the page. The purpose of the Layout tool is to help the user see detailed information about the final dimensions of a page element. | |Feature overview=The browser goes through quite a few computations in order to decide how big an element should be on the page. The purpose of the Layout tool is to help the user see detailed information about the final dimensions of a page element. | ||
Some layout information will be displayed in the Highlighter directly. Due to space constraints, all of the useful numbers cannot be displayed there. The Layout tool will provide the details that can't be easily represented over the page element itself. | Some layout information will be displayed in the Highlighter directly (like after this feature lands, however). Due to space constraints, all of the useful numbers cannot be displayed there. The Layout tool will provide the details that can't be easily represented over the page element itself. | ||
|Feature users and use cases=As with the Style Inspector, the use cases are similar: | |Feature users and use cases=As with the Style Inspector, the use cases are similar: | ||
| Line 25: | Line 25: | ||
==== Layout View Display ==== | ==== Layout View Display ==== | ||
[[File:LayoutToolScreenshot]] | |||
The Layout tool displays the following information about the selected element (<span id="F1">F1</span>): | The Layout tool displays the following information about the selected element (<span id="F1">F1</span>): | ||