Browser View: Open Preview
chrome://inspect
browser-preview.startUrl
browser-preview.chromeExecutable
browser-preview.format
with the support for jpeg
(default one) and png
formatsbrowser-preview.startUrl
to your desired url.webRoot
, pathMapping
, trace
, sourceMapPathOverrides
and urlFilter
. See https://github.com/Microsoft/vscode-chrome-debug#other-optional-launch-config-fields for details on how to use.console.log()
statements directly from Visual Studio Code!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.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!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).launch.json
file.%temp%
directory with the name vscode-edge-debug2.txt
. Drag this file into an issue comment to upload it to GitHub.