Quick Definition Lookup makes it possible to view definition of a symbol (tag, class, method/function, field, etc.) in a pop-up window.
On this page:
For markup languages, WebStorm retrieves definitions of symbols from the specified DTD or schema. For details, see Markup Languages and StyleSheets.
To view definition of a symbol at caret, do one of the following
- On the main menu, choose .
- Press Ctrl+Shift+I.
- Keeping the Ctrl 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.
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.|
|Alt+F7||Open the usages of the detected definition across the project in the Find tool 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.|