Changes

Jump to: navigation, search

DevTools/Features/Highlighter

718 bytes added, 13:45, 29 August 2011
no edit summary
==== Tracking Down a Styling Issue ====
In the course The Highlighter is part of developing a page, I need to figure out why my headline is the wrong color[http://people. This mozilla.org/~kdangoor/usecases/minotaur/index.html#Font%20Fixing Font Fixing] use case uses Highlighter as a gateway to other tools.
==== Learning About a Page ====
|Feature non-goals=The initial version does not need to be remotable.
|Feature functional spec=[[File:HighlighterFolded.png|Highlighter in Action]]
 
==== Terminology ====
 
The tool that lets you visually select an element on that page for use by "element-centric" tools (such as the Style Inspector) is called the Highlighter. It has a menu item on the Mac at Tools->Web Developer->Highlighter and on Windows at Firefox->Web Developer->Highlighter. You can also get to it via a "Highlight Element" context menu item.
 
The Highlighter has two modes:
 
* Highlight mode – as you move the mouse around, the highlight follows until you click a page element
* Selected mode – an element is selected and you can freely move the mouse around without changing the selection
 
The Highlighter Toolbar has a button, labeled "Highlight" that switches between the Highlight and Selected modes.
 
==== Invoking the Highlighter ====
Canmove, confirm, emeritus
1,093
edits

Navigation menu