如何使用Firebug或其他方法查看WS/WSS Websocket请求内容？

Question

有没有办法查看Websocket流量？

初始握手时只能看到Websocket标头.

回应后一切都消失了:

Connection  Upgrade
Sec-WebSocket-Accept    EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket

我已经尝试过Firebug,Live Headers和Fiddler2来跟踪交换,他们都停止在那里登录.

Answer 1

试试Chrome的开发者工具,

1. 点击"网络"标签
2. 使用底部的过滤器仅显示WebSocket连接),
3. 选择所需的websocket连接,
4. 请注意,右侧有"标题","预览","响应"等子标签,
5. 一旦数据开始流动,将出现"WebSocket Frames"子选项卡.记录沿任一方向的所有数据.非常翔实.

Answer 2

截至3,2014年9月,似乎在Firebug是WebSocket的调试是在软管:https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview.但没有提到发布日期.

更新2017-11-24 Firefox中的插件系统已更改.Websocket Monitor正处于写入不可用的时刻:(

更新2016-04-06

使用Firefox Dev Tools 的Websocket Monitor插件,最终可以在Firefox中进行WebSocket调试!它由Firebug开发团队开发,其源代码可在此处找到.

更新2015-10-28

Firefox开发人员工具产品经理Jeff Griffiths:

平台支持是在今天晚上和原型附加组件正在这里工作:https://github.com/firebug/websocket-monitor

https://twitter.com/canuckistani/status/659399140590284800

Firefox Bugzilla上的相关功能请求:https://bugzilla.mozilla.org/show_bug.cgi ？ id = 1203802

自2015-04-08起更新

Fiddler 4.5现在可以本地检查WebSocket流量.

更新2014-09-11

关于Firebug问题跟踪器的评论:

由于Firebug团队目前正在努力将Firebug与DevTools集成,因此它目前尚未成为关注焦点.这意味着它将能够重用内置DevTools提供的功能.因此,您可以关注https://bugzil.la/885508.

Answer 3

当前版本的Fiddler可以很好地处理WebSocket流量.请参阅http://blogs.msdn.com/b/fiddler/archive/2011/11/22/fiddler-and-websockets.aspx

有关如何将数据放在选项卡上的信息,请参见http://blogs.telerik.com/fiddler/posts/13-06-04/what-s-new-in-fiddler-2-4-4-5Log.

要在WebSockets选项卡上显示数据,

你需要一个扩展(这是为2.5版内置的).现在,您可以获取当前位.只需解压缩ZIP并将两个文件放入\Fiddler2\Scripts文件夹并重新启动Fiddler.如果双击Fiddler的WebSessions列表中的WebSocket会话,将出现WebSockets选项卡

Answer 4

有WebSocket的监视器 -针对Firefox的开发工具的扩展,可以用来监测WebSocket连接

安装扩展程序后,打开Firefox Developer Tools并切换到"Web Sockets"面板.它显示当前页面的WS帧流量.对以下协议有额外支持:

• 套接字IO
• SockJS
• WAMP
• 普通的JSON