| title | Opening source files from the Elements tool |
|---|---|
| description | Opening source files from the Elements tool in the Microsoft Edge Developer Tools extension for Visual Studio Code. |
| author | MSEdgeTeam |
| ms.author | msedgedevrel |
| ms.topic | article |
| ms.service | microsoft-edge |
| ms.date | 10/06/2022 |
In the Elements tool:
-
The Styles tab indicates which source file is used to apply styles to the selected node in the DOM tree.
-
The Event Listeners tab indicates which source file is used to define event handlers for the selected node in the DOM tree.
The source file name and line number are shown as a clickable link. Clicking a file name link opens that file in the Visual Studio Code editor:
For more information about the Elements tool, see Inspect, edit, and debug HTML and CSS with the Elements tool.