canmove, Confirmed users, Bureaucrats and Sysops emeriti
1,093
edits
DevTools/Features/Highlighter: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 37: | Line 37: | ||
|Feature requirements=As a new feature, this should be designed to be e10s ready. | |Feature requirements=As a new feature, this should be designed to be e10s ready. | ||
|Feature non-goals=The initial version does not need to be remotable. | |Feature non-goals=The initial version does not need to be remotable. | ||
|Feature functional spec===== Invoking the Highlighter ==== | |Feature functional spec=[[File:HighlighterFolded.png|Highlighter in Action]] | ||
==== Invoking the Highlighter ==== | |||
You can launch the Highlighter by right-clicking on an element and selecting "Highlight Element" from the context menu. This will bring the Highlighter into view with the element under the cursor already selected. The element is in the "locked" state. | You can launch the Highlighter by right-clicking on an element and selecting "Highlight Element" from the context menu. This will bring the Highlighter into view with the element under the cursor already selected. The element is in the "locked" state. | ||
| Line 68: | Line 70: | ||
Features: | Features: | ||
* "Highlight" button switches between highlight (choose an element) and selected modes | |||
* Buttons toggle the tools sidebar on/off and which tool is in the sidebar. For example, clicking the Styles button will show the style inspector. | |||
* Breadcrumb-style navigation from the selected element all the way up to the top of the document | * Breadcrumb-style navigation from the selected element all the way up to the top of the document | ||
* | * Button to slide the toolbar up and make room for the HTML Tree | ||
==== Sidebar ==== | ==== Sidebar ==== | ||