Tab overview
Web Inspector’s tabs share a common layout: Navigation sidebar, Content area, and Details sidebar.
Navigation sidebar Contains a tree of items; selecting a tree item displays more information about it in the main content area. It typically has a filter field at the bottom to select for certain tree items.
Show/Hide navigation sidebar Toggles the sidebar on the left of the tab.
Back/Forward navigation Allows you to quickly switch back to viewing previously shown content in the content area.
Selection path bar Shows the current selection in the navigation sidebar and content area hierarchically. Click any path component and choose a different selection using the pop-up menu.
Content area Contains the main information in focus in the tab.
Show/Hide details sidebar Toggles the sidebar on the left of the tab.
Details sidebar Provides additional information about the content that’s currently displayed.
Add tab If you accidentally close a tab or want to see all the available tabs, click this button.
Console prompt Available at the very bottom of all tabs. When you press Return to evaluate JavaScript in this prompt, the Split Console pops up when available.