Firefox/Projects/Inspector: Difference between revisions

From MozillaWiki
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

Do not edit this page RESTRICTED Do not edit this page
Please do not edit this page without permission; comments should be added to the discussion page.

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

bug 547453

Team

  • Project Lead: robcee
  • Design consultant: alimi

Designs

Reticle.png

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