DevTools/Features/StyleInspector: Difference between revisions
(→Team) |
No edit summary |
||
| Line 8: | Line 8: | ||
<section begin="status" /> | <section begin="status" /> | ||
| [[DevTools/Features/StyleInspector|Style Inspector tool]] | | [[DevTools/Features/StyleInspector|Style Inspector tool]] | ||
| {{StatusHealthy|status=Initial patch | | {{StatusHealthy|status=Initial patch review}} | ||
| 2011-06- | | 2011-06-17 | ||
| Kevin Dangoor | | Kevin Dangoor | ||
<section end="status" /> | <section end="status" /> | ||
Revision as of 18:18, 13 June 2011
| Feature | Status | ETA | Owner |
| Style Inspector tool | Initial patch review | 2011-06-17 | Kevin Dangoor |
Summary
The Style Inspector works in conjunction with the Highlighter to allow the user to view the CSS rules being applied to an element. It will be an updated version of the style inspector that shipped disabled in Firefox 4.
The initial focus is on providing a property-oriented view. For example, you'll be able to look up the "color" property and see the rules that went into deciding what color a given element should be.
Release Requirements
- Uses the shared notion of selected element(s)
Next Steps
- Review of the big patch
- Highlighter integration
- Command Line integration
- Determine remainder of scope for Firefox 7
Related Bugs & Dependencies
See the status page.
Team
- Mike Ratcliffe: Lead developer
- Kevin Dangoor: PM
- Strugariu Florin (irc:Bebe): QA
Designs
Current state can be seen in this video.
Goals/Use Cases
Help user spot what styles are applied to an element and why.
Non-Goals
The Style Inspector does not attempt to advise the user on how to fix CSS problems, it just shows them what is being applied. The Style Doctor will help users with the fixes.
Other Documentation
See "computed styles" in Firebug or the style views in the WebKit Inspector.