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. 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. 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. H-F5 Add a class via the Infobar
8. SI-F7 New style MDN links
9. SI-F13 Actual values vs. stylesheet values
10. H-F6 Add/edit ID of element via the Infobar
11. H-F4 Display margins and padding in the Highlighter
12. SI-F16 Unit conversions during filtering
13. SI-F12 Display color swatches
14. SI-F11 Show as few properties as possible to reflect the way the user is styling the element
15. SI-F2 Open Style Inspector via the command line
16. H-F3 Highlight an element via the command line
17. H-F12 Pop sidebar out into separate windows
18. SI-F17 Edit property value for selected element
19. SI-F18 Edit property value for the stylesheet rule
20. SI-F19 Rule changes are also visible in the Style Editor