search

microsoft / vscode-js-debug

A DAP-compatible JavaScript debugger. Used in VS Code, VS, + more
MIT License
1.67k stars 281 forks source link

Support showing network requests with stacktraces in debug console #839

Open junalmeida opened 5 years ago

junalmeida commented 5 years ago

Bring to vscode the chrome DevTools feature of showing stacktrace in debug console messages and the network connections panel.

roblourens commented 5 years ago

We do show the first frame with each message, I think that's all chrome devtools shows, right? Or does it show the full stack?

junalmeida commented 5 years ago

It shows the full stacktrace if you open the dropdown in the message. Here is an example:

image

roblourens commented 5 years ago

Which console API is that from?

junalmeida commented 5 years ago

This is from regular Google Chrome Dev Tools.

roblourens commented 5 years ago

I mean, what was logged and how? Not using console.error. Maybe console.assert? In which case you should see the whole stack in vscode already.

junalmeida commented 5 years ago

In this print it was a connection error. But I can see similar stackstrace when using console.warn

roblourens commented 5 years ago

Oh you're right, it does do that for console.error. That must be new. Yeah we would need support from vscode. Currently the debug console can't show something like this. https://github.com/Microsoft/vscode/issues/34981 is similar.

auchenberg commented 5 years ago

This is a standard feature of the Chrome DevTools console, that can log network requests, and it's related stacktrace. At this point in time we don't support this.

screen shot 2018-11-20 at 3 21 50 pm
RedMickey commented 3 years ago

Hello, with respect to showing network requests, it would be really great if the extension could display network traffic like Google Chrome does in the Network tab. I think It would be quite useful to have an ability to track network requests while debugging in VS Code. It could look like, for example, in the Flipper debugger. image

t-fritsch commented 11 months ago

Hello @connor4312 👋

Just saw this issue was closed, but could you elaborate on why it is now considered "out-of-scope" ? It's surprising for an issue that has been posted 5 years ago and that was added to the backlog 3 years ago. Is it a technical limitation ? thanks

connor4312 commented 11 months ago

Ah, I realize the original issue scope is more narrow than the last comment (which would be out of scope). We could do simple logging of network requests/errors.

t-fritsch commented 11 months ago

thanks ! 🙏

vish01 commented 2 months ago

Is there any update on this? It would be really nice if we can see the network requests going through. I'd appreciate if there's any other way to debug this. I can log the response and the request being sent but I can't see the API call itself going through.

connor4312 commented 2 months ago

Yes: https://github.com/microsoft/vscode-js-debug/pull/2053. Available on nightly.