调试WebSocket在谷歌Chrome

是否有一种方法或扩展，让我观察“流量”通过WebSocket?出于调试目的，我希望看到客户端和服务器的请求/响应。

当前回答

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

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

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

其他回答

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

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

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

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

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

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

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

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

过程:

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

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

推荐文章