WebStorm 2016.3 Help

Debug Tool Window. Console

This tab is marked with /help/img/idea/2016.3/show-console.png 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

ItemTooltip and shortcutDescription
/help/img/idea/2016.3/arrowUp.png /help/img/idea/2016.3/arrowDown.png 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.
/help/img/idea/2016.3/icon_softWrap.png Use Soft WrapsClick this button to toggle the soft wrap mode of the output.
scrollToEnd.png Scroll to the endClick this button to navigate to the bottom of the stack trace and have the cursor jump to the corresponding location in the source code.
/help/img/idea/2016.3/print.png PrintClick this button to send the console text to the default printer.
/help/img/idea/2016.3/clear_all.png Clear AllClick this button to remove all text from the console. This function is also available on the context menu of the console.

Context Menu Options

ItemDescription
Compare with ClipboardOpens 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 URLChoose 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 GistChoose this command to open the Create Gist dialog box.
Clear AllClears 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.

See Also

Last modified: 1 December 2016