Changes

Jump to: navigation, search

DevTools/Features/Highlighter

292 bytes added, 16:06, 1 September 2011
no edit summary
The Highlighter has two modes: "highlight" and "selected". In "highlight" mode, moving the mouse around will highlight the element of the page that's under the cursor. If you click on the element, you switch to "selected" mode and you can then move your mouse around without changing which element is highlighted. You can click the "Highlight" button in the Highlighter Toolbar to switch back into highlight mode.
 
==== Highlighted Element Display ====
 
When an element is highlighted, the rest of the page is dimmed. Near the element, there is an "Infobar" that provides a quick view of information that is useful to page designers (see below).
 
Around the element, the margins and padding are displayed.
==== Infobar ====
Canmove, confirm, emeritus
1,093
edits

Navigation menu