运行 vsCode chrome debug 查看 chrome 网络控制台

Nic*_*aga 9 google-chrome google-chrome-extension visual-studio-code

这是一个简单的问题,但如果可能的话非常有帮助。

抱歉标题我没有找到一个创造性的方式来问这个 kkkk

我喜欢 chorme 网络控制台,它非常适合查看我真正从后端发送的内容,但调试器不是那么好(在我看来)......所以我使用 vsCode Chrome Debug 扩展进行调试,并且还想要看网络...

这个问题可以总结为2张图片......

我要这个:

在此处输入图片说明

有了这个:

在此处输入图片说明

有可能吗?

谢谢!

Nic*_*aga 1

之前,无法将 vsCode chrome 调试与 chrome DevTools 一起运行,一旦您尝试打开 chrome 控制台,调试器就会断开连接。

但是,现在有了最新的 vsDebug 和 Chrome,这是可能的。您只需启动 vsCode chrome debug 并打开 chrome DevTools 即可。您甚至可以同时对两者进行调试。

  • 你忘了提到,当你打开 chrome 开发工具并运行 vscode 调试会话时,刹车就会松动。它开始在 vscode 和 chrome 中疯狂地跳转 btw 断点,并且“在 chrome 上暂停”和“在 vscode 上暂停”重叠。 (2认同)