Signalr 如何使用chrome开发者工具嗅探信号器调用

Signalr 如何使用chrome开发者工具嗅探信号器调用,signalr,google-chrome-devtools,Signalr,Google Chrome Devtools,我下载了Jabbar聊天网站并在chrome上运行。我想看看浏览器和服务器之间发生了什么,请查看“网络”选项卡。然而,我在网络选项卡中并没有看到任何条目(既并没有xHr也并没有websocket或其他内容),但信号器工作正常。它确实发送和接收消息。我想知道signar在使用什么,开发人员工具无法登录。开发人员工具中是否需要设置?您应该打开客户端日志记录,以便知道正在处理的传输类型($.connection.hub.logging=true;)。在长轮询的情况下,您应该在网络选项卡中看到XHR调用

我下载了Jabbar聊天网站并在chrome上运行。我想看看浏览器和服务器之间发生了什么,请查看“网络”选项卡。然而,我在网络选项卡中并没有看到任何条目(既并没有xHr也并没有websocket或其他内容),但信号器工作正常。它确实发送和接收消息。我想知道signar在使用什么,开发人员工具无法登录。开发人员工具中是否需要设置?

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


如果这还不够好,你可能不得不去别处(Wireshark、Fiddler等)

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