DevTools/DesignMockups: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
Line 18: Line 18:
== Inspector ==
== Inspector ==


<img src="http://paulrouget.com/mockups-devtools/pngs/5.inspector.png"/>
[http://paulrouget.com/mockups-devtools/pngs/5.inspector.png]


http://paulrouget.com/mockups-devtools/pngs/5.1.inspector.folded.png
[http://paulrouget.com/mockups-devtools/pngs/5.1.inspector.folded.png]


=== buglist ===
=== buglist ===

Revision as of 19:00, 7 July 2011

DevTools Future Planning

This is a document based on mockups created by Paul Rouget. Notes taken to synthesize bugs from features and hopefully, features from bugs.

Developer Tools Toolbar

[1]

buglist

  • create toolbar for developer tools
  • migrate command line to developer tools toolbar
    • Some interesting challenges with this, will possibly need additional bugs around popping up doorhangers for output, including output in the commandline itself, what happens with positioning the console in other locations, etc.
  • create API for registering tools with main developer toolbar
  • create API for adding badges to toolbar buttons
  • create "Web Developer" toolbar button
    • popup menu that derives its contents from the Web Developer menu

Inspector

[2]

[3]

buglist

  • Dockable* HTML panel
  • Inspector Toolbar
    • Expand/collapse HTML+Style panels.
    • Create nodepath (XPath) selection tool
    • querySelector search box
  • Dockable* Style inspectors
  • create highlighter infobar for selected node