Debugger. Data Views
for Windows and Linux
for macOS
Ctrl+Alt+S 
Use this page to manage the way data is displayed in the debugger.
Common debugger settings
Item | Description |
|---|---|
Sort values alphabetically | Select this option to sort the values in the Variables pane of the Debug Tool Window. |
Enable auto expressions in Variables view | Select this option if you want the WebStorm debugger to automatically evaluate expressions and show the corresponding values in the Variables pane of the Debug Tool Window. The debugger analyzes the context near the breakpoint (the current statement, one statement before, and one after). It does so to find various expressions in the source code (if available) such as, for example, If such expressions don't contain explicit method invocations, the debugger evaluates them and shows the corresponding values in the Variables view. |
Editor
Item | Description |
|---|---|
Show values inline | Select this option to enable the Inline Values View feature that allows viewing the values of variables right next to their usage in the editor. |
Show value tooltip | Select this option to display values of variables and expressions in an editor tooltip on mouse hover. A tooltip in this context is a popup that provides an alternative, sometimes a more convenient presentation of values in the Variables pane of the Debug Tool Window. If this option is disabled, you can press Alt to display a value. |
Value tooltips delay (ms) | Specify the delay (in milliseconds) between the moment when the mouse pointer hovers over an object in the Variables pane of the Debug Tool Window, and the moment when a tooltip with the object's value is displayed. |
Show value tooltip on code selection | Select this option to enable tooltips that show the expression value when you select a code fragment in the editor. |
Show the following properties for an object node | Select this checkbox if you want WebStorm to show certain object node properties and configure a list of the properties to display. For each object node in the Variables pane, WebStorm will display a label with the values of the listed properties. Use the |
and 
buttons to manage the list of properties.