WebStorm 2018.3 Help

Adding, Editing and Removing Watches

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.

To hide or open 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 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 in Variables tab toggle button on the toolbar of the Watches pane.

To create a watch

  • In the Watches pane, click New Watch or press Insert.

  • Select one or several items in the Variables pane and drag them to the Watches pane.

  • Right-click an item in the editor and select Add to Watches on the context menu.

  • In the Variables pane, or in the Inspection window, or in the Evaluate Expression dialog, right-click the desired item and select Add to Watches on the context menu.

To edit a watch

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

To delete a watch

  • In the Watches pane, select a watch to be deleted.

  • On the context menu, choose Remove Watch, or press Alt+Delete.

Last modified: 6 December 2018

See Also