Run the vsCode chrome debug seeing the chrome network console

Question

It's a simple question but very helpfull if it's possible.

sorry for the title I didn't found an creative way to ask this kkkk

I love the chorme network console, its perfect to see what i'm really sending from backend, but the debugger isn't that nice (for my opinion)... soo i use the vsCode Chrome Debug extension for debug and would like also to see the network ...

this question could be summarizedin that 2 pictures ...

I want this:

with this:

Is possible?

thx!

Answer 1

Possible duplicate question here. Yes, this would be a nice feature in vsCode.

If you don't mind using Microsoft Edge DevTools here is a plugin that adds it to vsCode.

Otherwise here is a link to a nodejs support request to add this capability, there is a possible solution and npm package you can install

Answer 2

Before, wasn't possible to have vsCode chrome debug running together with chrome DevTools, as soon as you try to open the chrome console, the debugger was disconnected.

But, now days with the latest vsDebug and Chrome it is possible. You can simply launch vsCode chrome debug and open the chrome DevTools. You can even debug on both at the same time.