Question

我可以使用 Google Chrome网络检查器中的“网络”标签来调试网络流量（AJAX请求等）。我可以轻松检查传输的数据。但 Websocket 连接仅显示为

Request URL:ws://localhost/...
Request Method:GET
Status Code:101 Switching Protocols
...

我无法看到传输的数据。 Google Chrome中是否有任何内置功能来检查传输的数据？或者我需要使用Wireshark吗？

PS：我使用的是最新的稳定版（16.0.912.75）。如果较新的版本（beta / dev）具有此功能，那就太好了。

Answer 1

Chrome和Chromium现在有WebSocket消息帧检查。以下是快速测试的步骤：

导航至WebSocket Echo demo网站上托管的websocket.org。
开启Chrome开发者工具。
点击网络，启用过滤器（Dev Tools顶部左侧的第3个图标）以过滤开发者工具显示的流量，然后点击的WebSockets 即可。
在Echo演示中，点击连接。在Google Dev Tool的Headers选项卡上，您可以检查WebSocket握手。
点击Echo演示中的发送按钮。
要在Chrome开发者工具中查看WebSocket框架，请在“名称”下，单击代表您的WebSocket连接的条目。这将刷新右侧的主面板，并使WebSocket Frames选项卡显示实际的WebSocket消息内容。

Answer 2

经过一些研究后，我在这里找到了一个重复的问题：Debugging WebSocket in Google Chrome

Chrome不支持查看当前稳定版本中的流量。我需要使用Wireshark。

Answer 3

另一个想法，对于简单的网络套接字测试和轻量级，使用Chrome插件“简单网络套接字。我想检查是否可以建立连接。关注Chrome插件”简单网页套接字（链接：{{ 3}}）“像魅力一样工作。见图。