Allow attaching the debugger to existing browser pages

[hediet]

I have a server listening on http://localhost:3000 that serves my frontend code. It would be nice to have an easy way to debug this frontend code now.

Ideally I would like to open the embedded edge browser for http://localhost:3000 and then click a button in the panel to start debugging the page.

[captainbrosset]

You can add your local dev URL to a launch.json file and that should do it. Would that work for you? https://learn.microsoft.com/en-us/microsoft-edge/visual-studio-code/microsoft-edge-devtools-extension/launch-json

[hediet]

I think it would cool if there was a flow that doesn't require a launch.json.

E.g. for nodejs, you can just open the js debug terminal in VS Code, start the nodejs script and debugging is active.

Similarily, here, it would be nice to click on an url in the VS Code terminal, edge would open in VS Code (see #1893), and then I click a button in the webview to attach the VS Code debugger to it. This would be very intuitive and doesn't require reading any documentation. @bpasero also tried to attach a debugger and had the same difficulties as me with the launch config.

[captainbrosset]

Thanks for clarifying. Marking as a feature request on our backlog.