| Feature | Status | ETA | Owner |
| DevTools/Features/StyleInspector | Zeroing in on scope | YYYY-MM-DD | 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)
- Electrolysis ready
- GCLI controllable
Next Steps
- Determine what is in scope for this iteration
Related Bugs & Dependencies
See the status page.
Team
- Mike Ratcliffe: Lead developer
- Kevin Dangoor: PM
Designs
TBD
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.