canmove, Confirmed users
1,189
edits
Firefox/Projects/Inspector: Difference between revisions
→Next Steps
| Line 24: | Line 24: | ||
== Next Steps == | == Next Steps == | ||
* rewrite tree view [0.5] | |||
** file a bug | |||
** create panel | |||
** import jQuery + jsTree | |||
** implement DOM representation | |||
** modify inspect/selection behavior | |||
** write tests | |||
* watch for location changes | |||
* ['''done'''] modify test cases to not use setTimeout | |||
* ['''done'''] watch for tab switches, close inspector UI | * ['''done'''] watch for tab switches, close inspector UI | ||
* better highlighter logic | * better highlighter logic | ||
** ['''done'''] create code to return object under highlighter (testing) | |||
** ['''done'''] watch for out-of-bounds | ** ['''done'''] watch for out-of-bounds | ||
** ['''done'''] invisible nodes | ** ['''done'''] invisible nodes | ||
** nested documents | ** nested documents | ||
*** highlighter works in iframes, style panel does not | |||
** ['''done'''] OOB testing, boundaries largely sanitized now | ** ['''done'''] OOB testing, boundaries largely sanitized now | ||
* propagate events through highlighter panel | * propagate events through highlighter panel | ||
** DOMMouseScroll {{bug|560830}} | |||
** ['''done'''] click | ** ['''done'''] click | ||
** mousemove | ** ['''done'''] mousemove fixed in {{bug|560829}} | ||
* style panel | * style panel 0.2 {{bug|560692}} | ||
** ['''done'''] create panel | ** ['''done'''] create panel | ||
** ['''done'''] listbox | ** ['''done'''] listbox | ||
| Line 39: | Line 51: | ||
** ['''done'''] inherited CSS rules for element | ** ['''done'''] inherited CSS rules for element | ||
** resizer - partially working, not resizing vertically? | ** resizer - partially working, not resizing vertically? | ||
* experiment with WindowDragging utils on toolbars | * ['''done'''] experiment with WindowDragging utils on toolbars | ||
* DOM panel | ** not gonna work. | ||
* DOM panel 0.3 {{bug|561782}} | |||
** ['''done'''] create panel | |||
** ['''done'''] create properties | |||
** ['''done'''] write test | |||
* inspector control panel / toolbar [0.4] | * inspector control panel / toolbar [0.4] | ||
** add next/prev inspected object | |||
** ['''done'''] create buttons for style and dom panels | |||
** ['''done'''] add control toolbar to tree panel | ** ['''done'''] add control toolbar to tree panel | ||
** ['''done'''] add resizer to tree panel | ** ['''done'''] add resizer to tree panel | ||
== Completed Steps == | == Completed Steps == | ||