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

Question

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

Answer 1

如今，当您的 signalR 使用 WebSocket 时，情况有点不同。从 Chrome 58 开始，您必须单击“网络”选项卡，然后激活“WS”过滤器。当 signalR 连接建立后，将会有一个条目。现在单击 Frames 子选项卡。在这里您可以看到浏览器收到的每条消息：

您应该打开客户端日志记录，以便知道您正在处理哪种传输类型 (

$.connection.hub.logging = true;

Answer 2

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