canmove, Confirmed users
1,189
edits
Firefox/Projects/Inspector: Difference between revisions
→Goals/Use Cases
| Line 117: | Line 117: | ||
This is making me reconsider the toolpalette above. It might make more sense to drop a toolbar onto the Tree panel and used text-buttons. The extra space in the toolbar would also act as a drag-target en lieu of a title bar. | This is making me reconsider the toolpalette above. It might make more sense to drop a toolbar onto the Tree panel and used text-buttons. The extra space in the toolbar would also act as a drag-target en lieu of a title bar. | ||
== Goals | == Goals == | ||
* Provide basic web page inspector functionality | * Provide basic web page inspector functionality | ||
* be visually pleasing | * be visually pleasing | ||
=== Use Cases === | |||
* Inspect an element in a webpage | |||
Right click on an element, choose Inspect from the context menu and have the element displayed in the treeview, style and DOM panels. | |||
* Inspect a document | |||
Open the Inspector, view the document in the tree panel, scrolling and expanding as needed. Selected nodes update the style and DOM panels. | |||
* Edit nodes | |||
Open the inspector and select an element. Double click to edit attributes in a node, styles in the style panel or object properties in the DOM panel. | |||
* Remove a node | |||
Right click in the tree panel to remove a selected node from a web page. | |||
== Non Goals == | == Non Goals == | ||