Debug Tool Window. Console

This tab is marked with and shows the output and error stream messages. In the PHP and JavaScript context, you can view the values of variables right in the Debug tool window during a debugging session.

On this page:

Console Toolbar
Context Menu Options
Keyboard Shortcuts
Evaluating Variables in the Console Pane

Console Toolbar

Item	Tooltip and shortcut	Description
	Up/down the Stack Trace `N/A` `N/A`	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.
	Print	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 Options

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 PHP and 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.

Procedures:

Reference:

Last modified: 17 July 2017

WebStorm 2017.1 Help