WebStorm 2016.1 Help

Navigating with Breadcrumbs

In the HTML and XML context, you can navigate through the source code using breadcrumbs that are displayed above the main editor window. The breadcrumbs show the elements of the XML or HTML file opened in the active editor tab.

To have breadcrumbs shown, enable them and then restart WebStorm.

In this topic:

To have breadcrumbs displayed

  1. Open the WebStorm Settings/Preferences dialog.
  2. Under the Editor node, click General | Appearance.
  3. In the Appearance page, select the Show breadcrumbs check box.

To navigate with breadcrumbs

  • Click the breadcrumb with the relevant tag. The cursor jumps to the corresponding element in the source code.

See Also

Last modified: 11 July 2016