A real browser preview inside your editor that you can debug
Browser Preview for VS Code enables you to open a real browser preview inside your editor that you can debug. Browser Preview is powered by headless Chromium, and works by starting a headless Chromium instance in a new process. This can either be Google Chrome or Microsoft Edge. This enables a secure way to render web content inside VS Code, and enables interesting features such as in-editor debugging and more!
Debug your JavaScript code running in Google Chrome from VS Code
...Both modes require you to be serving your web application from a local web server, which is started from either a VS Code task or from your command line. Using the URL parameter you simply tell VS Code which URL to either open or launch in Chrome. Just like when using the Node debugger, you configure these modes with a .vscode/launch.json file in the root directory of your project.