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 Markup Languages and StyleSheets.
Viewing the definition of a symbol at caret
Do one of the following:
- On the main menu, choose .
- Press Ctrl+Shift+I.
- Keeping the
key pressed, point with your mouse cursor to the symbol
of interest, so that it turns to a hyperlink, with the definition of the symbol displayed in a tooltip.
Clicking this hyperlink results in opening the respective definition page in the editor.
Quick definition tooltip shows hyperlinks to the symbols involved.
When you move your mouse pointer within the tooltip, a pin button appears. If you pin the tooltip, documentation for the symbol at caret is displayed in the Documentation Tool Window.
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.
|Navigate to the previous/next screen in the definition pop-up window after using hyperlinks in the definition.|
|F4||Open the source code of the definition for editing, and close the quick definition lookup window. If WebStorm cannot find the appropriate sources in your project, it will try to decompile the code. In this case the JetBrains Decompiler dialog with legal information is displayed.|
|Ctrl+Enter||Open the source code of the definition, and preserve the quick definition lookup window opened.|