DevTools/Features/StyleInspector: Difference between revisions

Revision as of 14:02, 1 April 2011

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.

@@ Line 1: / Line 1: @@
-= Style Inspector =
+{| class="fullwidth-table"
+|-
+| style="font-weight: bold; background: #DDD;" | Feature
+| style="font-weight: bold; background: #DDD;" | Status
+| style="font-weight: bold; background: #DDD;" | ETA
+| style="font-weight: bold; background: #DDD;" | Owner
+|-
+<section begin="status" />
+| [[DevTools/Features/StyleInspector]]
+| {{StatusHealthy|status=Zeroing in on scope}}
+| YYYY-MM-DD
+| Kevin Dangoor
+<section end="status" />
+|-
+|}
 == Summary ==
-The Style Inspector allows users to view the styles applied to an element.
+The Style Inspector works in conjunction with the [[DevTools/Features/Highlighter|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.
-It works in conjunction with the Highlighter.
+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 [http://mozilla.github.com/devtools/2011/status.html#styleinspector 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 [[DevTools/Features/StyleDoctor|Style Doctor]] will help users with the fixes.
+== Other Documentation ==
+See "computed styles" in Firebug or the style views in the WebKit Inspector.
+__NOTOC__
+[[Category:Feature]]
+[[Category:Firefox]]
+[[Category:DevTools]]
+[[Category:Priority 1]]