Debug Tool Window. Console
This tab is marked with 
and shows the output and error stream messages. In the JavaScript context, you can view the values of variables right in the Debug tool window during a debugging session.
On this page:
Console Toolbar
Item | Tooltip and shortcut | Description |
|---|---|---|
| Up/down the Stack Trace | Click this button to navigate up or down in the stack trace and have the cursor jump to the corresponding location in the source code. |
| Use Soft Wraps | Click this button to toggle the soft wrap mode of the output. |
| Scroll to the end | Click this button to navigate to the bottom of the stack trace and have the cursor jump to the corresponding location in the source code. |
| Click this button to send the console text to the default printer. | |
| Clear All | Click this button to remove all text from the console. This function is also available on the context menu of the console. |
Context Menu Commands
Item | Description |
|---|---|
Compare with Clipboard | Opens the Clipboard vs Editor dialog box that allows you to view the differences between the selection from the editor and the current clipboard content. This dialog is a regular comparing tool that enables you to copy the line at caret to the clipboard, find text, navigate between differences and manage white spaces. |
Copy URL | Choose this command to copy the current URL to the system clipboard. This command only shows on a URL, if it is included in an application's output. |
Create Gist | Choose this command to open the Create Gist dialog box. |
Clear All | Clears the output window. |
Keyboard Shortcuts
The Ctrl+D key combination allows you to send EOF (end of file), i.e. to signal that no more data can be read from a data source.
Evaluating Variables in the Console Pane
In the JavaScript context, you can view the values of variables right in the Debug tool window during a debugging session. This can be done in several ways:
Select the variable in question in the Variables pane and choose Evaluate in Console on the context menu of the selection. When you switch to the Console pane, the variable name is shown in green at
>and its value is displayed below in blue.Alternatively you can type the name of any variable at
>in the Console manually and press Enter to have its value displayed. Code completion is at your disposal: as you type the name of a variable, WebStorm displays a suggestion list. Note that this functionality is available only when the Use Console Input toggle button is pressed.To evaluate a previously evaluated variable without searching for it in the Variables pane, find the variable in question using the Up and Down arrows on you keyboard and press Enter.