search

microsoft / vscode-edge-devtools

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging. Get it now at http://aka.ms/devtools-for-code
https://docs.microsoft.com/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension
MIT License
756 stars 259 forks source link

Instead of closing embedded Edge devtools on debug stop, return to previous Live Preview instance #1214

Open henrikvilhelmberglund opened 2 years ago

henrikvilhelmberglund commented 2 years ago

Is your feature request related to a problem? Please describe.

Hi! I use Live Preview to start a local server and then open Edge devtools inside of VSCode without debugging and connect to localhost:3000 for seeing changes to the HTML, console and so on, it works pretty well. However when I want to debug something and launch the project the non-debug Edge devtools is completely replaced by the debugging version and so when I stop debugging the Edge devtools browser and devtools page disappear.

This is a bit annoying and I think it would be smoother if there was an option for just returning Edge devtools to the Live Preview/Live Server page.

Describe the solution you'd like:

When stopping the debug session Edge devtools should go back to its previous state (attached to a server) instead of completely closing. Closing Edge devtools makes more sense when it is launched in a separate Edge window which isn't really attached to VS Code except for the debugging.

Describe alternatives you've considered:

  1. Having debugging launch Edge in a separate window. For just debugging this kind of works but the Devtools stuff inside of VS Code is completely wasted since it is not connected to the debug session.
  2. Having debugging launch with "--headless" and clicking the inspect button in the debug icons to open Devtools code. This seems like it would work because it doesn't close when you stop debugging but the browser page also completely stops working after debugging stops.

Additional context:

Maybe I'm missing something but I'm just looking for a way to have:

  1. Edge devtools open when not debugging.
  2. Edge devtools switch to a debugging state when starting debugging.
  3. Edge devtools still open when stopping debugging.
captainbrosset commented 2 years ago

Thanks for filing this. I'll make sure this shows up on the team's radar.