Debug Tool Window. Variables
In this topic:
The Variables pane enables you to examine the values stored in the objects of your application.
When a stack frame is selected in the Frames pane, the Variables pane displays all data within its scope (method parameters, local and instance variables). In this pane, you can set labels for objects, inspect objects, evaluate expressions, add variables to watches and more.
This toolbar appears only when the Watches pane is hidden so the configured watches are displayed in the Variables pane. Hiding/showing the Watches pane is controlled through the toggle button:
When the button is pressed, which is its default status, the Watches pane is hidden and the toolbar is shown in the Variables pane. The focus is with the Debugger tab.
When the button is released, the toolbar moves to the Watches pane.
Click this button to create a new watch.
Click this button to remove the selected watch from the list.
Use these buttons to change the order of watches.
Use this button to create a copy of the selected watch.
Show watches in Variables tab
| Use this toggle button to have the Watches pane hidden or shown. By default, the button is pressed and displayed on the toolbar of the Variables pane. Consequently, the Watches pane is hidden and the watches are shown in the Variables pane. |
This command is available for fields, local variables and reference expressions, and opens a non-modal Inspection window, where you can concentrate on a particular reference. You can open as many Inspection windows as required. The view in the Inspection window is the same as in the Watches pane, but requires less screen space.
Use this command to add an object label.
Use this command to change the runtime value of a field or a variable.
Use this command to copy the value of the selected variable to the Clipboard. If multiple items are selected, not only variables' values, but also their structure is copied, so that when you copy-paste the selection to a text file, the indentation mimics the tree output of the debugger to produce an easy-to-read output.
Alternatively, hover your mouse cursor over a value and view its contents in the tooltip.
Compare Value with Clipboard
Use this command to compare the selected value with the value currently in the Clipboard.
Use this command to copy the name of the selected variable to the Clipboard.
Use this command to evaluate the selected variable in the dialog that opens.
Evaluate In Console
Choose this option to have the selected variable copied as input in the Console pane. When you switch to the Console pane, the variable name is shown in green at
Alternatively, type the name of any variable at
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, find it using the Up and Down arrows on you keyboard and press Enter.
Add to Watches
This command is available for all nodes except static ones. Use this command to create an expression that references the node and add this expression to the Watches pane.
Show Referring Objects
Use this command to display a list of objects referring to the currently selected variable.
Jump to Source
This command opens the source code of the selected variable or field in the editor and places the caret in the corresponding line.
Jump to Type Source
Use this command to navigate to the definition of the class of the selected variable or field.
Variable typesThe icon on the left of each variable indicates its type: