Skip to content
| Marketplace
Sign in
Visual Studio Code>Debuggers>Browser Dev ToolsNew to Visual Studio Code? Get it now.
Browser Dev Tools

Browser Dev Tools

Henning Dieterichs

|
429 installs
| (0) | Free
Brings the dev tools from Edge to VS Code.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Browser Dev Tools

Based on the Edge DevTools VS Code extension, but

  • with minimalistic UI
  • needs an edge/chrome/electron debug session that it connects to
    • (no headless edge process)
  • auto-discovery of supported debug sessions
  • auto-reveal of source code css selectors in Dev Tools

Features

  • Open Edge DevTools for any webpage/electron window that is currently debugged
    • To open, go to the "Browser Debug Tools" view in the "Run And Debug" sidebar
  • Reveal element in DevTools when cursor is at a CSS selector (configurable)

demo

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft