WebStorm 10.0.0 Help

Navigating with Structure ViewsSearching Through the Source Code

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.
  2. Under the Editor node, click Appearance.
  3. In the Editor. Appearance page, select the Show HTML breadcrumbs and/or Show breadcrumbs for XML files check boxes.

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: 25 July 2015