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

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

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

chrome://net-internals/#sockets

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

过程:

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

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

他们似乎在不断地改变Chrome中的东西，但这里是目前有效的:-)

首先你必须点击红色记录按钮，否则你什么也得不到。 我以前从未注意到WS，但它过滤掉了web套接字 连接。 选择它，然后你可以看到帧(现在称为消息)，它将向你显示错误消息等。

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

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

我使用的Chrome扩展名为Simple WebSocket Client v0.1.3，是由用户hakobera发布的。它的使用非常简单，它允许在给定的URL上打开websocket，发送消息并关闭socket连接。它非常简约。