Chrome Web Inspector Web套接字调试

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.org网站上托管的WebSocket Echo演示.
打开Chrome开发者工具.
单击" 网络",启用过滤器(Dev Tools顶部左侧的第3个图标)以过滤开发人员工具显示的流量,然后单击" WebSockets".
在Echo演示中,单击" 连接".在Google Dev Tool的"标题"选项卡上,您可以检查WebSocket握手.
单击Echo演示中的" 发送"按钮.
要在Chrome开发者工具中查看WebSocket框架,请在"名称"下单击代表您的WebSocket连接的条目.这将刷新右侧的主面板,并使WebSocket Frames选项卡显示实际的WebSocket消息内容.

chrome dev工具不再具有"Websocket Frames"选项卡了:/有一个"Frames"选项卡,但无论发送多少个websocket消息,或者我点击Name/Path多少次,它都是永久空的进入左侧.我究竟做错了什么？ (6认同)
谢谢你,凯夫.BTW,它也适用于评论... ;-) (4认同)
在向多个问题发布复制和粘贴样板/逐字答案时要小心,这些问题往往被社区标记为"垃圾邮件".如果你这样做,那么通常意味着问题是重复的,所以要将它们标记为相反. (2认同)

Answer 2

经过一些研究后,我发现了一个重复的问题:在Google Chrome中调试WebSocket

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