---
schema_version: "1"
id: 0ca5722b19c053f01de189680853de9686bd1c8c709ec4a5cbecfd5635e8080b
title: Navigate the Web Console User Interface
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/salesforcedx/webconsole/guides/get-started/web-console-ui/web-console-ui.md
canonical_url: https://developer.salesforce.com/docs/platform/webconsole/guide/web-console-ui.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: e0a3210f538b54a316c4295152744f4a5258ea1c66a676eec8f65aacd9f7725f
products:
  - Web Console
  - salesforcedx
---
# Navigate the Web Console User Interface

The Web Console user interface is divided into these five main areas.

![The Web Console User Interface that shows various parts](https://developer.salesforce.com/media/webconsole/web_console_UI2.png '{"class": "image-lg image-framed"}')

1. **Activity Bar**: Contains icons to switch between different views. In our example, the Explorer view is active. These are the different views listed on the bar.

   **important:** The extensions in Web Console come prepackaged. You can't install or search for an extension on the Visual Studio MarketPlace. To see a list of installed extensions, click the ellipsis (...) on the **Extensions Installed** panel on the left side, and select **Show Running Extensions**.

   1. [Explorer](https://developer.salesforce.com/docs/platform/webconsole/guide/project-explorer.md)
   2. Search: Enables you to search and replace a text across the project
   3. Run and Debug: Enables you to run and debug your code
   4. [Org Browser](https://developer.salesforce.com/docs/platform/webconsole/guide/org-browser.md)

2. **Sidebar**: Contains different views to assist you while working on your project. For example, you can see the Explorer view in our example. It lists the files in a DX project structure.

3. **Editors**: Contains main areas to edit your files. You can open as many editors as you like side by side, vertically and horizontally.

4. **Output Panel**: Shows output and debug information in different tabs. To view a detail, select the appropriate tab.

   **note:** Web Console doesn't have command line interface or terminal available.

5. **Status Bar**: Shows information about the current project and the files that you’re editing. This bar also shows the tracing status, if enabled.