Salesforce Developer console is an integrated development environment with a set of useful tools for coding, debugging and testing applications. It also has the ability to perform compilation checks and Visualforce markup completion capabilities.
To open the Developer Console.
Login to your Salesforce instance then click on Your name | Developer Console

The Developer Console is organized into the following sections:
1. Menu bar
2. Workspace
3. Logs, Test, Problems, and other panels
Developer Console comes up with the concepts of Workspaces. Workspaces allow with difference types of applications for debugging operation in virtually difference consoles. You can create, open, delete and switch workspaces in the Developer Console.

Menu bar
- The File menu allows to create, open and delete resource.
- The Edit menu allows to edit the code and search operation.
- The Debug menu shows the range of execution and change in log level.
- The Test menu provides the various level of testing options.
- The Workspace menu includes the manipulation in operation.
- The Help menu represents the group of shortcut keys for reference pages, Console preferences page, Online help and with a Collection of guided tours.
Workspace
A Workspace is a set of resources represented by tabs such as Source Code Editor and Log Inspector.
Log, Test, Progress, and other panels.
- Logs
- Tests
- Checkpoints
- Query Editor
- View State
- Progress
- Problems
Log displays debug log information.

Logs & Logs Inspector
- Logs tab captures and lists the current user’s database events, Apex processing, workflow, callouts, and validation logic.
- To open the selected log in the Log Inspector, click File | Open Log or double-click the log on the Logs tab.

3. To open the selected log in a text editor, click File | Open Raw Log.
4. To remove all logs from the list, click Debug | Clear | Log Panel.
5. To see all debug logs saved for your organization, click Debug and deselect Show My Current Logs Only.
6. To download a copy of the selected log as a text file, click File | Download Log. The default name for the file is apex.log. The default name for the file is apex.log.
Test displays the status of test class.
Checkpoints displays a snapshot of the state of objects in memory at the time of reaching the checkpoints. It displays the checkpoints currently available for review.

Query Editor executes SOQL Query and SOSL Query.

View State allows you to examine the view state of a Visualforce page.

Progress displays all asynchronous requests.

Problems displays the compilation errors.

Log Panels
The Log Inspector can contain any of the following panels:
- Stack Tree
- Execution Stack
- Execution Log
- Source
- Variables
- Execution Overview

Stack Tree
The Stack Tree panel displays two tree views that display the data in a top down manner and allows us to view the data for entire call hierarchy. For example, If a class calls an inner class, the inner class displays as a child node of the outer class.
- Execution Tree
- Performance Tree
The Execution Tree displays each operation. For example, if a “for” loop executes 4 times, the execution tree shows the duration of all 4 iterations.

The Performance Tree aggregates the count of calls. Using the same example above, the performance tree displays the total duration of every call to debug.

Execution Stack
The Execution Stack panel displays a “bottom-up” view of the currently-selected item in the debug log, starting with the lowest level call, followed by the operation that triggered that call, and so on.
Execution Log
The Execution Log panel displays the debug log for the current process. The debug log contains every action that occurred in the process, such as method calls, workflow rules, and DML operations.
This Frame: Displays only this region of the process, or only the items that are associated with the level Executable: Displays only the executable items in the debug log. Debug Only: Displays only the debug statements you have added to the code. Filter: Displays items that match what you enter in the associated field.
Source
Source Panel displays the executed source code. Go to a specific line of code, enter a line number in the entry box at the bottom of the source panel and click Jump.

Execution Overview
It has four tabs. They are Save Order, Limits, Timeline and Executed Units.
Save Order
The Save Order tab displays a color-coded timeline of DML actions. For each DML action taken, save order elements are shown as boxes in different colors for the entire duration of the calls.
The following colors are used to differentiate the elements:
- Red – Before Trigger
- Orange – After Trigger
- Green – Validation Rule
- Blue – Assignment rule
- Purple – Workflow Rule

Limits
It displays the overall system limits by name and amount used for the requested process.
Timeline
The Timeline tab provides a visual representation of the time taken by each process.

The Executed Units
It displays the system resources used by each item in the requested process.

Summary
Salesforce Development Console is an effective tool to develop Apex classes, Visualforce pages, Apex triggers, and other Salesforce components. The Console also has many productive features to debug, monitor, and test the performance of the code executed.