运行vsCode Chrome调试，查看Chrome网络控制台。

Question

这是一个简单的问题，但如果可以回答，它非常有帮助。

抱歉，标题不够有创意，我没想到更好的方式来问这个问题 kkkk

我喜欢Chrome的网络控制台，它非常完美，可以查看我从后端真正发送的内容，但调试器并不那么好用（在我看来）...所以我使用了vsCode Chrome Debug扩展程序进行调试，也想查看网络数据...

这个问题可以用下面两张图片来概括...

我想要这个：

加上这个：

这可行吗？

谢谢！

- Nicollas Braga

Answer 1

以前，无法同时运行vsCode Chrome调试和Chrome DevTools，一旦尝试打开Chrome控制台，调试器就会断开连接。

但是，现在随着最新的vsDebug和Chrome，这是可能的。 您只需启动vsCode Chrome调试并打开Chrome DevTools即可。 您甚至可以同时在两者上进行调试。

- Nicollas Braga

---

你忘了提到当你打开Chrome开发工具和VSCode调试会话时，地狱就会爆发。它会在VSCode和Chrome之间疯狂跳转断点，并且'在Chrome上暂停'和'在VSCode上暂停'会重叠。 - proxy

事实上，如果我们能够在vsCode内部简单地拥有网络选项卡，那将是最优的选择，但到目前为止，这个答案符合“与vsCode调试一起运行Chrome开发工具”的标准。值得一提的是，我注意到如果您从Chrome开发工具中删除所有断点，它会更加顺畅地运行vsDebug。 也许我们需要将此问题作为功能请求提交给vsCode Chrome扩展。https://github.com/Microsoft/vscode-chrome-debug - Nicollas Braga

Answer 2

可能重复的问题这里。 是的，在vsCode中，这将是一个很好的功能。

如果您不介意使用Microsoft Edge DevTools这里，那么它就是一个添加到vsCode中的插件。

否则，这里有一个链接，可以提供nodejs支持请求来添加此功能，还有一个可能的解决方案和您可以安装的npm包。

- stanley