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

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

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

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

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

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

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

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

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

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

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

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