https://www.dovov.com/firebugws-wss-websocket.html
有没有办法查看WebSocketstream量?
只有Websocket标头在初始握手中可见。
回应后,一切都消失了:
Connection Upgrade Sec-WebSocket-Accept EQqklpK6bzlgAAOL2EFX/nx8bEI= Upgrade WebSocket
我试过Firebug,Live Headers和Fiddler2来跟踪交换,他们都停止在那里login。
试用Chrome的开发者工具,
- 点击“networking”标签
- 使用底部的filter仅显示WebSocket连接),
- select所需的websocket连接,
- 请注意,右侧有“标题”,“预览”,“回复”等子标签,
- 一旦数据开始stream动,将出现“WebSocket Frames”子选项卡。 所有数据都会logging下来。 非常翔实。
截至2014年9月3日,似乎在FireBug中的WebSocketdebugging是在软pipe: https : //getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview 。 但没有提到发布date。
更新2016-04-06 (希望是最后一个)
Firefox中的WebSocketdebugging终于可以使用Firefox开发工具的Websocket Monitor插件了! 它由Firebug开发团队开发,其来源可以在这里find。
更新2015-10-28
Firefox开发人员工具产品经理Jeff Griffiths:
平台支持是在今天晚上和一个原型插件正在这里工作: https : //github.com/firebug/websocket-monitor
https://twitter.com/canuckistani/status/659399140590284800
Firefox Bugzilla上的相关function请求: https ://bugzilla.mozilla.org/show_bug.cgi ? id = 1203802
截至2015-04-08更新
现在, Fiddler 4.5可以本地检查WebSocketstream量。
更新2014-09-11
关于对Firebug问题跟踪器的评论 :
目前,Firebug团队正在努力将Firebug与DevTools集成在一起,目前正处于脱节状态。 这意味着它将能够重用由内置DevTools提供的function。 因此你可以按照https://bugzil.la/885508 。
当前版本的Fiddler在WebSocketstream量下工作得很好。 请参阅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-5了解如何将数据放在“; Log
选项卡上。
要在WebSockets选项卡上显示数据,
你需要一个扩展(这是2.5版本的内置)。 现在,你可以抓住当前位 。 简单地提取ZIP并将这两个文件放到\Fiddler2\Scripts
文件夹中,然后重新启动Fiddler。 如果双击Fiddler的WebSessions列表中的WebSocket会话,将出现WebSockets选项卡
有WebSocket监视器 – 可用于监视WebSocket连接的Firefox开发人员工具的扩展
安装扩展程序之后,打开Firefox Developer Tools并切换到“Web Sockets”面板。 它显示当前页面的WS帧stream量。 对以下协议有额外的支持:
- 套接字IO
- SockJS
- WAMP
- 纯JSON
不像在这里提到的其他选项一样舒适,而是一个通用的工具,可以在各种情况下帮助你:使用wireshark 。 有了TCP的一些知识,你可以debugging其他工具提到的问题无法解决的问题(意外断开连接,…),因为它们的工作水平太高。 你也可以(就像在Firebug等)读取实际的websocket消息。
wireshark的缺点是使用encryption的连接是相当麻烦的。
试一试,我一直使用它来debugging与Python websocket后端通信的Rails应用程序。
我发布了更多关于使用Chrome和Wireshark来debuggingWebSocket消息的细节:
https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome
使用Chrome开发者工具
您将在“框架”选项卡中看到数据被更改。
在Firefox中,您可以打开开发人员工具栏(Shift + F2)并查看“networking”选项卡中的Websockets。 您可以在选项卡的底部使用过滤(select其他for websockets)。