WebStorm 2017.1 Help

Breakpoints Icons and Statuses

On this page:

Basics

When a breakpoint is set, the editor displays a breakpoint icon in the gutter area to the left of the affected source code. A breakpoint icon denotes status of a breakpoint, and provides useful information about its type, location, and action.

The icons serve as convenient shortcuts for managing breakpoints. Clicking an icon removes the breakpoint. Successive use of Alt - click on an icon toggles its state between enabled and disabled. The settings of a breakpoint are shown in a tooltip when a mouse pointer hovers over a breakpoint icon in the gutter area of the editor.

/help/img/idea/2017.1/ws_breakpoints.png

Breakpoint states and icons

The table below summarizes the possible breakpoint states:

StatusLineTemporary LineExceptionDescription
Enabled/help/img/idea/2017.1/db_set_breakpoint.png/help/img/idea/2017.1/breakpointTemporary.png/help/img/idea/2017.1/exception_breakpoint.pngShown at design-time or during the debugging session.
Disabled/help/img/idea/2017.1/disabled_breakpoint.png/help/img/idea/2017.1/disabled_breakpoint.png/help/img/idea/2017.1/disabled_exception_breakpoint.pngIndicates that nothing happens when the breakpoint is hit.
Conditionally disabled/help/img/idea/2017.1/db_dep_line_breakpoint.png/help/img/idea/2017.1/db_dep_line_breakpoint.png/help/img/idea/2017.1/db_dep_exception_breakpoint.pngThis state is assigned to breakpoints when they depend on another breakpoint to be activated.

When the button /help/img/idea/2017.1/debug_mute_breakpoints.png is pressed in the toolbar of the Debug tool window, all the breakpoints in a project are muted, and their icons become grey: /help/img/idea/2017.1/muted_breakpoint.png.

See Also

Reference:

Last modified: 17 July 2017