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

Browser Preview for VS Code Screenshot 1 Browser Preview for VS Code Screenshot 2

Project Activity

See All Activity >

Categories

Browsers, Debuggers, Headless Browsers

License

MIT License

Follow Browser Preview for VS Code

Browser Preview for VS Code Web Site

Other Useful Business Software
PRTG Catches Network Issues Before They Cause Downtime Icon
PRTG Catches Network Issues Before They Cause Downtime

Threshold-based alerts flag problems early, so your team can act before users notice, not after.

Reactive troubleshooting usually means hearing about a problem from frustrated users, not your monitoring tool. PRTG sets threshold-based alerts across devices, servers and applications, notifying your team by email, SMS or push the moment a metric crosses a set limit. That means catching a failing disk or overloaded server before it becomes an outage and getting time back from firefighting. Start a free trial and set your first alerts today.
Download 30-Day Trial
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Browser Preview for VS Code!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript Browsers, TypeScript Debuggers, TypeScript Headless Browsers

Registered

2021-12-08
Report inappropriate content