Microsoft Edge IDE integration
Various features of Microsoft tools provide integration of development using Microsoft Edge, Visual Studio Code, and Visual Studio, to develop your products, webpages, and web apps that use and work with full integration in Microsoft Edge.
Microsoft Edge DevTools extension for Visual Studio Code
The Microsoft Edge DevTools extension for Visual Studio Code lets you use the Elements tool and Network tool of the Microsoft Edge browser from within Visual Studio Code.
Without leaving Visual Studio Code, use Microsoft Edge DevTools to attach to an instance or launch an instance of Microsoft Edge, and then:
- View the runtime HTML structure.
- Change the webpage layout.
- Change CSS styles and fix styling issues.
- Read console messages.
- View network requests.
Open source files in Visual Studio Code
The Open source files in Visual Studio Code experiment allows you to use Microsoft Edge DevTools, but then edit your files in Visual Studio Code instead of in the code editor of the DevTools Sources tool.
When you use this experiment, if you use Visual Studio Code and you use DevTools to change your CSS rules, you no longer have to use the code editor in the Sources tool of DevTools. You can simply use the code editor in Visual Studio Code. When you turn on this experiment, local files will get a different treatment.
Debug Microsoft Edge in Visual Studio Code
Visual Studio Code includes a built-in debugger for Microsoft Edge, which can launch the browser or attach to an already running browser.
console.log() statements directly from Visual Studio Code.
The webhint extension for Visual Studio Code
Use webhint, a customizable linting tool, to improve the functionality of your site, including:
- Cross-browser compatibility.
- PWA compatibility.
Note: As of April 2022, the webhint extension for Visual Studio Code is no longer being maintained. See Microsoft Edge DevTools extension for Visual Studio Code.
Visual Studio for web development
Microsoft Visual Studio is an integrated development environment (IDE). Use it to edit, debug, build, and publish your web apps. It's a feature-rich program that can be used for many aspects of your web development.
In addition to the standard editor and debugger that most IDEs provide, Visual Studio includes features to ease your development process, including:
- Code completion tools.
- Graphical designers.
- And many more features.
Submit and view feedback for