WebStorm 2017.3 Help

Viewing Definition

On this page:


Quick Definition Lookup makes it possible to view definition of a symbol (tag, class, method/function, field, etc.) in a pop-up window.


For markup languages, WebStorm retrieves definitions of symbols from the specified DTD or schema. For details, see XML.

quick definition lookup xml

In the JavaScript context, WebStorm retrieves the definition of a symbol from the source code and displays the name of the file where the symbol is defined:

web ide quick definition lookup

Viewing the definition of a symbol at caret

Do one of the following:

  • On the main menu, choose View | Quick Definition.
  • Press Ctrl+Shift+I.

Toolbar of the quick definition lookup

Use the icons on the toolbar of the pop-up window to navigate to the source code of the definition and view its usages.

IconKeyboard shortcutAction
arrowBack.png arrowForward.png Shift+Alt+Left
Navigate to the previous/next screen in the definition pop-up window after using hyperlinks in the definition.

On a macOS computer, you can also use the three-finger right-to-left and left-to-right swipe gestures.

editF4Open the source code of the definition for editing, and close the quick definition lookup window.
showDetailsCtrl+EnterOpen the source code of the definition, and preserve the quick definition lookup window opened.
Last modified: 26 March 2018

See Also