Each pane of the inspector shows all the views for one object.
The title bar shows the object's class in italics, followed by a textual representation of the object that is customizable. You can click on the class name to inspect the class, and click on the textual representation to open a second pane for the same object.
There are three buttons on the right-hand side of the title bar:
| |
redraws the pane. |
| Use it when the object has changed, or after modifying one of its views. | |
| |
expands the pane to full width. |
| The button then turns into
|
|
| |
closes the pane. |
Below the title bar, a tab bar shows one tab for each view. Click on any tab to display its view.
When you click on an object to inspect it in a new pane, by default the new pane replaces all the panes to the right. Use shift-click to keep all panes, and add the new one to the right.
Alt-click on a view tab inspects the view itself. You will see in particular the source code of the method that generated the view, but also its HTML code.
Alt-click on the title bar (outside of the class name, the textual representation, and the three buttons) to inspect the pane object. This provides access to the title bar, the views, and the CLOG proxy object for the DOM element representing the pane.