如何使用 chrome 开发者工具嗅探 signalR 调用答案

【问题标题】：How to Sniff signalR calls using chrome Developer Tools如何使用 chrome 开发者工具嗅探 signalR 调用
【发布时间】：2014-01-16 15:00:03
【问题描述】：

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

【问题讨论】：

标签： signalr google-chrome-devtools

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

如果这还不够好，您可能不得不寻找其他地方（Wireshark、Fiddler 等）

【讨论】：