如何使用Firebug或其他浏览器查看WS / WSS Websocket请求内容？

有没有办法查看WebSocketstream量？

只有Websocket标头在初始握手中可见。

回应后，一切都消失了：

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

我试过Firebug，Live Headers和Fiddler2来跟踪交换，他们都停止在那里login。

试用Chrome的开发者工具，

截至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

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 。

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

WebSockets选项卡

你需要一个扩展（这是2.5版本的内置）。现在，你可以抓住当前位。简单地提取ZIP并将这两个文件放到\Fiddler2\Scripts文件夹中，然后重新启动Fiddler。如果双击Fiddler的WebSessions列表中的WebSocket会话，将出现WebSockets选项卡

有WebSocket监视器 – 可用于监视WebSocket连接的Firefox开发人员工具的扩展

安装扩展程序之后，打开Firefox Developer Tools并切换到“Web Sockets”面板。它显示当前页面的WS帧stream量。对以下协议有额外的支持：

Firefox DevTools中的WebSockets面板

不像在这里提到的其他选项一样舒适，而是一个通用的工具，可以在各种情况下帮助你：使用wireshark 。有了TCP的一些知识，你可以debugging其他工具提到的问题无法解决的问题（意外断开连接，…），因为它们的工作水平太高。你也可以（就像在Firebug等）读取实际的websocket消息。

wireshark的缺点是使用encryption的连接是相当麻烦的。

试一试，我一直使用它来debugging与Python websocket后端通信的Rails应用程序。

我发布了更多关于使用Chrome和Wireshark来debuggingWebSocket消息的细节：

使用Chrome开发者工具

在这里输入图像说明

您将在“框架”选项卡中看到数据被更改。

在Firefox中，您可以打开开发人员工具栏（Shift + F2）并查看“networking”选项卡中的Websockets。您可以在选项卡的底部使用过滤（select其他for websockets）。