如何使用chrome Developer Tools嗅探signalR调用

Question

我下载Jabbar聊天网站并以chrome格式运行。我想看看浏览器和服务器之间发生了什么，并检查网络选项卡。但是，我在网络选项卡中看不到任何条目（xHr都没有websocket或其他任何东西），但SignalR工作正常。它确实发送和接收消息。我想知道什么是signalR使用开发人员工具无法记录。开发人员工具是否需要设置？

Answer 1

您应该启用客户端日志记录，以便了解您正在处理的传输类型（$.connection.hub.logging = true;）。如果是长轮询，您应该在网络选项卡中看到XHR调用。如果是websocket连接，您应该能够在底部选择“WebSockets”过滤器时看到框架，然后单击连接条目，然后选择“框架”选项卡。不幸的是，这不会自动刷新，因此您需要在需要更新时单击左侧的连接条目。

如果这还不够好，你可能不得不去别处寻找（Wireshark，Fiddler等）。

Answer 2

如今，当signalR使用WebSockets时，情况有所不同。从Chrome 58开始，您必须点击网络标签，然后激活 WS 过滤器。建立signalR连接后将只有一个条目。现在，点击框架子标签。在这里，您可以看到浏览器收到的每条消息：