For example, click the Success! heading in the browser, and the Elements tool opens with the DOM tree expanded: Use the Microsoft Edge DevTools extension in Visual Studio Code to inspect an HTML Element in Microsoft Edge. Selecting Launch Instance opens a browser window, and also opens the Edge DevTools tab in Visual Studio Code: The Microsoft Edge DevTools extension lets you easily launch an instance of Edge or generate a launch.json file to automate the debugging workflow: To open the tools panel, in the Activity Bar, select the Microsoft Edge Tools icon. Opening Microsoft Edge DevTools within Visual Studio Code
To update the extension manually, see Update an extension manually. Microsoft Visual Studio Code updates extensions automatically. Or, you can download the Microsoft Edge DevTools extension from Visual Studio Marketplace.
To install the extension from within Visual Studio Code, see The Microsoft Edge DevTools extension for Visual Studio Code in Visual Studio Code for web development. Installing the Microsoft Edge DevTools extension This article uses the name "the Microsoft Edge DevTools extension", except for UI text.
Microsoft Edge Developer Tools for Visual Studio Code - the full name as shown in the detailed information in the Extensions Marketplace.In Visual Studio Code, this extension is referred to by several variations: In Visual Studio Code, there are multiple ways to open the Microsoft Edge DevTools extension:
This extension is supported in Microsoft Edge versions 80.0.361.48 and later. The Microsoft Edge DevTools extension requires Microsoft Edge.