在Google Chrome中调试WebSocket

Question

有没有一种方法或扩展可以让我观看通过WebSocket的“流量”？出于调试目的，我想查看客户端和服务器的请求/响应。

Answer 1

Chrome开发人员工具现在可以列出WebSocket框架，如果框架不是二进制的，还可以检查数据。

处理：

1. 启动Chrome开发者工具

2. 加载页面并启动WebSocket连接

3. 单击网络选项卡。

4. 从左侧列表中选择WebSocket连接（其状态为“ 101交换协议”。

5. 单击消息子选项卡。二进制帧将显示长度和时间戳，并指示是否被遮罩。文本框将显示还包括有效载荷内容。

如果您的WebSocket连接使用二进制框架，那么您可能仍将希望使用Wireshark调试连接。Wireshark 1.8.0添加了对WebSocket的解剖器和过滤的支持。在另一个答案中可以找到替代方法。