Firefox/Projects/Inspector: Difference between revisions
Jump to navigation
Jump to search
Line 46: | Line 46: | ||
* | * | ||
== Milestones == | |||
''' 0.1 ''' | |||
* HTML/Tree Panel (read-only) | |||
* node highlighting | |||
'''Estimated time''' 2 weeks | |||
''' 0.2 ''' | |||
* Style panel (read-only) | |||
'''Estimated time''' 1 week | |||
''' 0.3 ''' | |||
* DOM panel (read-only) | |||
** may include additional information about nodes | |||
'''Estimated time''' 1 week | |||
'''''Minimal feature set for landing''''' |
Revision as of 19:07, 20 February 2010
Summary
Analogous to the DOM inspector or Firebug inspector, this is a mechanism to get a fast drill-down into an HTML page with associated properties for the selected element.
Features
- fast and pretty
- Graphical highlighter
- Rulers & guides
- Properties, palettes?
- Canvas/Layer/ini-flasher?
- unobtrusive to inspected document
Current Status
Got most of the UI boilerplate working. Started on inspection algorithm and document tree model.
Next Steps
- [done] migrate startup extension code to Firefox
- [done] create dom tree panel (+ associated widgetry)
- highlight node code
- document tree model
Related Bugs
Team
- Project Lead: robcee
- Design consultant: alimi
Designs
Goals/Use Cases
- Provide basic web page inspector functionality
- be visually pleasing
Non Goals
Milestones
0.1
- HTML/Tree Panel (read-only)
- node highlighting
Estimated time 2 weeks
0.2
- Style panel (read-only)
Estimated time 1 week
0.3
- DOM panel (read-only)
- may include additional information about nodes
Estimated time 1 week Minimal feature set for landing