DevTools/Backlog

Current Developer Tools Product Backlog

This is a prioritized list of work that needs to be done. Key:

SI

Style Inspector

H

Highlighter

HT

HTML Tree

SE

Style Editor

1. [DONE] H-F2 Highlighter menu item in Web Developer menu
2. [DONE] H-F8 Button to switch Highlighter between highlight and selected modes
3. [DONE] H-F9 Toolbar buttons to toggle other tools
4. SI-F11 Sidebar for Style Inspector, etc.
5. [DONE] SI-F3 Display only user-defined styles by default
6. SI-F5 Finalized collapsed style view
7. [DONE] SI-F15 Filter the list of styles
8. SI-F24 Updates to the element's styles are reflected in the style inspector

1. [DONE] H-F1 Context menu item for Highlighter
2. SI-F6 Click property name to expand property
3. SI-F10 Display values as they appear in the style sheets
4. [DONE] SI-F14 Include default styles option
5. SI-F9 Property name is displayed when it doesn't match the property shown
6. [DONE] H-F10 Toolbar button to display the HTML Tree
7. SI-F7 New style MDN links
8. SI-F13 Actual values vs. stylesheet values
9. H-F4 Display margins and padding in the Highlighter
10. SI-F16 Unit conversions during filtering
11. SI-F12 Display color swatches
12. SI-F11 Show as few properties as possible to reflect the way the user is styling the element
13. SI-F2 Open Style Inspector via the command line
14. H-F3 Highlight an element via the command line
15. H-F12 Pop sidebar out into separate windows
16. SI-F17 Edit property value for selected element
17. SI-F18 Edit property value for the stylesheet rule
18. SI-F19 Rule changes are also visible in the Style Editor