Download
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! Make sure you have Google Chrome installed on your computer. Browser Preview for VS Code is debuggable, launch URLs and attach Debugger for Chrome to the browser view instance, and debug within VS Code. You can enable in-editor debugging of Browser Preview by installing Debugger for Chrome, and configure VS Code's debugger to either attach or launch to the browser previews by using the provided configuration options.
Features
- Ability to have multiple previews open at the same time
- Browser preview inside VS Code (Powered by headless Chromium)
- Completely debuggable
- Attach Chrome DevTools
- Option to set the default startUrl
- Option to set the path to the Chrome executable
Project Samples
