WebStorm 9.0.2 Web Help

Debug Tool Window

View | Tool Windows | Debug
Alt+5

In this topic:

Overview

The Debug tool window becomes available when you start debugging.

The Debug tool window displays the output generated by the debugging session for your application. If you are debugging multiple applications, each one displays its output in a tab named after the corresponding run/debug configuration. The debug toolbar to the left and the stepping toolbar on top of the Debug tool window help you control the debugging session.

For each of the applications, there are two nested tabs:

Each area has a context menu that allows you to configure its behavior and navigate between tabs.

Each of the tabs and areas can be hidden/restored, or moved to a location of your choice.

Debug toolbar

Item Tooltip and Shortcut Description
stop_and_rerun Rerun
Ctrl+F5
Click this button to stop the current application and run it again. When an application is stopped, this button toggles to debug.
debug Debug
Shift+F9
When the current application is stopped, click this button to debug it again. When an application is running, this button toggles to stop_and_rerun.
run Resume Program
F9
When an application is paused, click this button to resume the program execution.
pauseIcon Pause Program
Ctrl+Pause
Click this button to pause execution.
stop Stop
Ctrl+F2
Click this button to terminate the current process externally by means of the standard shutdown script.
debug_view_breakpoints View Breakpoints Ctrl+Shift+F8 Click this button to open the Breakpoints dialog box where you can set the behavior of your breakpoints.
debug_mute_breakpoints Mute Breakpoints Use this button to toggle the status of the breakpoints (enabled/disabled). You can temporarily disable all breakpoints in the project and thus have the program executed without stopping at breakpoints.
debug_layout Restore Layout Click this button to to have the changes to the current layout abandoned and return to the default state.
pin2.png Pin Use to pin or unpin the tab. If a tab is pinned, the results for the next command are shown on a new tab.
close.png Close
Ctrl+Shift+F4
Click this button to close the selected tab of the Run tool window and terminate the current process.
help.gif Help
F1
Use this icon or shortcut to open the corresponding help page.

Stepping toolbar

Item Tooltip and Shortcut Description
frames_show_execution_point Show Execution Point
Alt+F10
Click this button to have the current execution point highlighted in the editor and have the corresponding stack frame shown in the Frames pane.
frames_step_over Step Over
F8
Click this button to have execution run until the next line in the current method or file, skipping the methods referenced at the current execution point (if any). If the current line is the last one in the method, execution steps to the line executed right after this method.
frames_step_into Step Into
F7
Click this button to have the debugger step into the method called at the current execution point.

frames_force_step_into Force Step Into
Shift+Alt+F7
Click this button to have the debugger step into the method called in the current execution point even if this method is to be skipped.
frames_step_out Step Out
Shift+F8
Click this button to have the debugger step out of the current method, to the line executed right after it.
frames_drop_frame.gif Drop frame Interrupts execution and returns to the initial point of method execution. In the process, it drops the current method frames from the stack.
frames_run_to_cursor Run to Cursor
Alt+F9
Click this button to resume the program execution and pause until the execution point reaches the line at the current cursor location in the editor. No breakpoint is required. Actually there is a temporary breakpoint set for the current line at the caret, which is removed once your program execution is paused. Thus, if the caret is positioned at the line which has already been executed, the program will be just resumed for further execution, because there is no way to roll back to the previous breakpoints. This action is especially useful when you have stepped deep into the methods sequence and need to step out of several methods at once.

If there are breakpoints set for the lines that should be executed before bringing you to the specified line, the debugger will pause at the first encountered breakpoint.

variables_evaluate_expr Evaluate Expression
Alt+F8
Click this button to open the Evaluate Expression dialog.

Hide/restore toolbar

Icon Tooltip Description
debug_hide Hide Click this button located in the upper-right corner of the Debug Console, Watches, Treads, Frames, or Variables, to hide the corresponding area. When an area is hidden, its icon appears in upper-right corner of the Debugger.
show-console Restore 'Console' view Click this button to make visible the Console area of the Debug tool window.
This button becomes available after clicking debug_hide.
show-frames Restore 'Frames' view Click this button to make visible the Frames area of the Debug tool window.
This button becomes available after clicking debug_hide.
show-watches Restore 'Watches' view Click this button to make visible the Watches area of the Debug tool window.
This button becomes available after clicking debug_hide.
show-threads Restore 'Threads' view Click this button to make visible the Threads area of the Debug tool window.
This button becomes available after clicking debug_hide.
show-variables Restore 'Variables' view Click this button to make visible the Variables area of the Debug tool window.
This button becomes available after clicking debug_hide.

Moving tabs and areas

If you are unhappy with the default layout of the Debug tool window, you can always move the tabs and areas. To to that, just drag a tab or an area to the desired location. The possible target gets highlight:

Drop the tab or area in the highlighted location.

To restore the default layout of tabs and area, click debug_layout in the Debug toolbar.

Context menu of a tab

Use the context menu of the Frames/Threads, Variables or Watches areas to configure the behavior of these areas or navigate between tabs.

Item Description
Hide Click this button to hide the corresponding area
Focus On Startup If this option is selected, the current area gets the focus when you start a debugging session.
Focus On Breakpoint If this option is selected, the current area gets the focus when a breakpoint is reached.
Select Next Tab / Select Previous Tab Use these options to switch between the Console and the Debugger tabs.

See Also

Procedures:

Reference:

Getting Started:

Last modified: 11 December 2014
comments powered by Disqus