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 |
||
| (9 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{{FeatureStatus | {{FeatureStatus | ||
|Feature name=Highlighter | |Feature name=Page Inspector / Highlighter | ||
|Feature stage= | |Feature stage=Complete | ||
|Feature status=Complete | |Feature status=Complete | ||
|Feature version=Firefox 10 | |Feature version=Firefox 10 | ||
| Line 17: | Line 17: | ||
for Firefox 4 (as the Inspector) but was not ready in time to ship. The time in between has allowed us to rethink the tool. | for Firefox 4 (as the Inspector) but was not ready in time to ship. The time in between has allowed us to rethink the tool. | ||
The Page Inspector is a visual entry point into tools that help web developers work | The Page Inspector is a visual entry point into tools that help web developers work on 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 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. | The 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. | ||
| Line 46: | Line 46: | ||
# {{done|}} [[#F1]] Context menu item to inspect element | # {{done|}} [[#F1]] Context menu item to inspect element | ||
# {{done|}} [[#F10]] Toolbar button to display the HTML tree | # {{done|}} [[#F10]] Toolbar button to display the HTML tree | ||
# [[#F4]] Display margins and padding | # [[#F4]] Display margins and padding (now in [[DevTools/Features/LayoutInHighlighter]]) | ||
# {{done|}} [[#F3]] Select an element via the command line | # {{done|}} [[#F3]] Select an element via the command line | ||
# ''not now'' [[#F12]] Ability to pop the sidebar out into a separate window | # ''not now'' [[#F12]] Ability to pop the sidebar out into a separate window | ||
| Line 132: | Line 132: | ||
}} | }} | ||
{{FeatureTeamStatus | {{FeatureTeamStatus | ||
|Feature security status=sec-review- | |Feature security status=sec-review-complete | ||
|Feature security health=OK | |||
|Feature security notes=9-Dec-2011 | |||
* [[Security/reviews/firefox/PageInspectorHighlighter | Notes]] | |||
}} | }} | ||