Firefox/Projects/Inspector

	RESTRICTED
	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

Goals/Use Cases

• Provide basic web page inspector functionality
• be visually pleasing

Non Goals

• We are not providing mechanisms to construct Xpaths for a particular node
• XUL Inspector
• We should not try to present JavaScript or provide means to debug scripts

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