Jan 30, 2020 Microsoft recently launched its Chromium-based Edge browser on macOS. That was exciting news, because in a world where it’s hard to compete against the absolute behemoth that Chrome is, and thanks to the fact that most developers code websites to a browser and that browser is often Chrome, it’s difficult to use a browser that’s, well, not Chrome. Microsoft Edge is now available for Windows, macOS, Android, and iOS, so you can use it on all of your devices. It offers the same browsing data sync options as Chrome, linked with your Microsoft. Brightness does not stay manual mac.
-->
With the Debugger for Microsoft Edge Visual Studio Code extension, debug your front-end JavaScript code line by line and see console.log() statements directly from Visual Studio Code!
Launching Microsoft Edge
Navigate to the Debug view (Ctrl+Shift+D on Windows or Command+Shift+D on macOS) in the Activity Bar. If you do not have any configurations in Visual Studio Code, select F5 on Windows or macOS or select the green Play button. Select Edge in the dropdown. You should see a launch.json file with the following configuration.
If you select F5 on Windows or macOS or select the green Play button again, Visual Studio Code launches Microsoft Edge (EdgeHTML) and you are able to debug any web project you have running on port 8080 directly from Visual Studio Code!
Microsoft Edge (Chromium)
If you want to launch Microsoft Edge (Chromium), the new Microsoft Edge, instead of Microsoft Edge (EdgeHTML), simply add a version attribute to your existing configuration with the version of Microsoft Edge (Chromium) you want to launch (dev, beta, or canary). The following configuration below launches the Canary version of Microsoft Edge (Chromium).
Attaching to Microsoft Edge
Attach Visual Studio Code to Microsoft Edge (Chromium). From your terminal, run the following command. Save time and money with smart shipping tools.
Add the configuration below to your launch.json file.
Edge For Chromebook
If you now run this configuration, Visual Studio Code attaches to Microsoft Edge (Chromium) and start debugging.
Edge Extension For Chrome
Getting in touch with the Elements for Microsoft Edge Visual Studio Code extension team
Send your feedback by filing an issue against in the GitHub repo of the extension. Please include the debug adapter log file, which is created for each run in the %temp% directory with the name vscode-edge-debug2.txt. Drag this file into an issue comment to upload it to GitHub.
Street Smart Edge For Chrome
To help make the Elements for Microsoft Edge Visual Studio Code extension better, your contributions are welcome! Find everything you need to get started in GitHub repo of the extension.