Firefox/Projects/Inspector: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 19: Line 19:
== Next Steps ==
== Next Steps ==


* migrate startup extension code to Firefox
* ['''done'''] migrate startup extension code to Firefox
* create dom tree panel
* ['''done'''] create dom tree panel (+ associated widgetry)
* highlight node code
* highlight node code
* document tree model


== Related Bugs ==  
== Related Bugs ==  

Revision as of 18:56, 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-based, 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 1234567

Team

  • Project Lead: robcee
  • Design consultant: alimi

Designs

standby for mockup

Goals/Use Cases

  • Provide basic web page inspector functionality
  • be visually pleasing

Non Goals