Chrome 29及以上版本的简短回答:

打开调试器，转到“网络”选项卡 使用websocket加载页面 单击带有服务器升级响应的websocket请求 选择标签“帧”查看websocket帧 再次单击websocket请求刷新帧

你有3个选项:Chrome(通过开发人员工具->网络选项卡)，Wireshark和Fiddler(通过日志选项卡)，但他们都非常基本。如果你有非常大的流量，或者每帧都非常大，使用它们进行调试就变得非常困难。

然而，你可以使用Fiddler和FiddlerScript来检查WebSocket流量，就像检查HTTP流量一样。这个解决方案的优点是你可以利用Fiddler中的许多其他功能，比如多个检查器(HexView, JSON, SyntaxView)，比较数据包，查找数据包等。

请参考我最近在CodeProject上写的文章，这篇文章向你展示了如何用Fiddler(用FiddlerScript)调试/检查WebSocket流量。http://www.codeproject.com/Articles/718660/Debug-Inspect-WebSocket-traffic-with-Fiddler

Chrome开发工具允许看到握手请求在打开连接期间保持等待，但据我所知，你不能看到流量。但是你可以闻一下。

Chrome 29及以上版本的简短回答:

打开调试器，转到“网络”选项卡 使用websocket加载页面 单击带有服务器升级响应的websocket请求 选择标签“帧”查看websocket帧 再次单击websocket请求刷新帧

Chrome开发工具现在有能力列出WebSocket帧，也检查数据，如果帧不是二进制的。

过程:

启动Chrome开发工具 加载页面并启动WebSocket连接 单击“网络”页签。 从左边的列表中选择WebSocket连接(它的状态为“101交换协议”)。 单击Messages子选项卡。二进制帧将显示长度和时间戳，并指示它们是否被屏蔽。文本帧将显示也包括有效载荷内容。

如果您的WebSocket连接使用二进制帧，那么您可能仍然需要使用Wireshark来调试连接。Wireshark 1.8.0为WebSockets增加了解析器和过滤支持。在另一个答案中可以找到另一种答案。

至于我开始使用的工具，我建议firecamp Its like Postman，但它也支持websockets和socket.io。