Changes

|Feature stage=DevelopmentLanded|Feature status=In progressComplete

|Feature feature manager=Rob CampbellKevin Dangoor

|Feature open issues and risks=* What happens to the Highlighter Toolbar breadcrumbs when you have a very deeply nested tree? Is there truncation at one part of the tree or other? (my initial thought is to truncate at the tree's root)* Finalize naming of the tool and associated terminology|Feature overview=The Highlighter Page Inspector is a web designer-oriented feature that was initially planned

The Highlighter Page Inspector is a visual entry point into tools that help web developers work om their page designs. The central part of the Page Inspector is the Highlighter. It gets its name from the distinctive way in which it highlights an element on the page. The Highlighter presents some information and controls right near the element itself, making the most common operations quick and easy.

The Highlighter Page Inspector is a gateway to "element-centric" tools. The most important of these tools is the [[DevTools/Features/StyleInspector|Style Inspector]], which provides detailed information about the CSS applied to the selected node. These other tools are selected via a toolbar that also provides quick access to other elements around the highlighted node.

|Feature users and use cases=All web developers and designers of many different skill levels need to work with CSS and therefore will use the Highlighter Page Inspector regularly.

The Highlighter Page Inspector is part of the [http://people.mozilla.org/~kdangoor/usecases/minotaur/index.html#Font%20Fixing Font Fixing] use case.

# {{done|}} [[#F11]] Element tools are contained in a sidebar (ideally one that doesn't cause reflow)