WebStorm 2018.1 Help

Adding, Editing and Removing Watches

Introduction

If you want to evaluate a number of variables or expressions in the context of the current frame, and view all of them simultaneously, you can create watches for them. The values of the expressions are updated with each step through the application, but are only visible when the application is suspended. Unlike the Expression Evaluation feature, these expressions are persisted as the part of your project.

This section describes how to add items to watches, change and remove watches.

Accessing the Watches pane

By default, the Watches pane is hidden and the watches are shown in the Variables pane.

  • To have the Watches pane displayed separately and view the configured watches in it, release the Show watches in Variables tab toggle button show watches on the toolbar of the Variables pane. By default, the button is pressed.
  • To hide the Watches pane and view the watches in the Variables pane, press the show watches toggle-button on the toolbar of the Watches pane.

Creating watches

Do one of the following:

  • In the Watches pane, click add, or just press Insert.
  • On the Variables pane, in the Inspection window, or in the Evaluate Expression dialog box, right-click the desired item and choose Add to Watches on the context menu.
  • Select the desired item in the Variables pane and drag it to the Watches pane.
  • Select item in the editor, right-click it and select Add to Watches on the context menu.

Editing watches

To change the expression represented by a watch, right-click the desired watch and select Edit on the context menu.

Deleting watches

  • In the Watches pane, select a watch to be deleted.
  • On the context menu, choose Remove Watch, or press Alt+Delete.
Last modified: 20 July 2018

See Also