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

其他答案涵盖了最常见的场景:观察帧的内容(开发人员工具->网络选项卡->右击websocket连接->帧)。

如果你想知道更多的信息，比如哪些套接字当前打开/空闲或能够关闭它们，你会发现这个url很有用

chrome://net-internals/#sockets

如果你想要更好的体验，我建议使用Postman来调试WebSocket请求。它已经作为一个新功能发布。 https://stackoverflow.com/a/43754722/15988851

如果你没有访问websocket的页面，你可以打开Chrome控制台并输入你的JavaScript:

var webSocket = new WebSocket('ws://address:port');
webSocket.onmessage = function(data) { console.log(data); }

这将打开web套接字，这样您就可以在网络选项卡和控制台中看到它。

我只是发布这篇文章，因为Chrome改变了很多，没有一个答案是最新的。

开放开发工具 刷新您的页面(以便网络选项卡捕获WS连接) 点击你的请求 点击“帧”子选项卡 你应该会看到如下内容:

你有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