有沒有辦法查看WebSocket流量？如何使用Firebug或其他瀏覽器查看WS/WSS Websocket請求內容？
只有Websocket標頭在初始握手中可見。響應後
一切都消失了：
Connection Upgrade
Sec-WebSocket-Accept EQqklpK6bzlgAAOL2EFX/nx8bEI=
Upgrade WebSocket
我試過螢火蟲，活接頭，並Fiddler2跟蹤的交流，他們都停止記錄在那裏。
嘗試Chrome的開發者工具，
當前版本的Fiddler對WebSocket流量工作得很好。請參閱http://blogs.msdn.com/b/fiddler/archive/2011/11/22/fiddler-and-websockets.aspx
有關如何將數據放入Log選項卡的信息，請參見http://blogs.telerik.com/fiddler/posts/13-06-04/what-s-new-in-fiddler-2-4-4-5。
要在標籤的WebSockets上顯示的數據，
你需要一個擴展（這被提名通過內置的2.5版本）。現在，你可以抓住current bits。簡單地提取ZIP文件並將這兩個文件放入\Fiddler2\Scripts文件夾並重新啓動Fiddler。如果您在提琴手的WebSessions列表中的WebSocket會話雙擊時，WebSockets的標籤將會出現
感謝您的提示 - 是的，最新的提琴手確實顯示信息流動。太糟糕了，它被埋在一個日誌文件中，而不是在它自己的標籤上。 – Stevko 2012-03-06 00:11:53
Firefox v45.0a2似乎沒有通過Fiddler路由網絡套接字（閱讀http://superuser.com/a/558831/70209後我假設這是因爲Firefox不使用系統代理）。 @EricLaw - 這是提琴手掛鉤和改進，以適應？ – mlhDev 2015-12-29 14:51:35
@Matthew：Firefox試圖爲WebSockets使用SOCKS代理（而不是HTTPS代理）。 （它*可能*工作創建一個假的襪子代理設置，將失敗？） FiddlerHook已經死了，將從Fiddler 4.6.2中刪除。 – EricLaw 2015-12-30 16:58:24
不像這裏提到的其他選項那麼舒服，而是一種通用工具，可以在各種情況下幫助您：使用wireshark。有了TCP的一些知識，您可以調試其他工具提到的問題無法解決的問題（意外斷開連接......），因爲它們的工作水平太高。你也可以（就像在Firebug等）讀取實際的websocket消息。
wireshark的缺點是使用加密連接很麻煩。
試試看，我一直在使用它來調試與Python websocket後端進行通信的Rails應用程序。
我張貼更多的細節如何使用Chrome和Wireshark在調試的WebSocket消息：
https://blogs.oracle.com/arungupta/entry/logging_websocket_frames_using_chrome
雖然這可能會回答這個問題，[這將是更可取的]（http://meta.stackexchange.com/q/8259）在這裏包括答案的基本部分，並提供鏈接供參考。 – 2012-11-13 22:54:39
感謝您的提示！博客有幾個圖像快照，詳細解釋瞭如何調試WebSocket消息，這就是爲什麼包含引用而不是引用的原因。 – 2012-11-14 20:11:09
截至3，2014年9月，似乎在Firebug是WebSocket的調試是在軟管：https://getfirebug.com/wiki/index.php/Firebug_2.0_Roadmap#Feature_Overview。但沒有提及發佈日期。
更新2017年11月24日 Firefox中的插件系統改變。 WebSocket的監視器是寫作的不可用的那一刻:(
更新2016年4月6日
在Firefox的WebSocket調試終於可以使用Websocket Monitor插件用於Firefox的開發工具！這是發達國家通過Firebug的開發團隊和它的來源可以發現here。
更新2015年10月28日
傑夫·格里菲思，Firefox的開發工具的產品經理：
平臺的支持是在今天夜間&原型插件正在對在這裏工作：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-09
Fiddler 4.5現在可以檢查的WebSocket流量本身。
更新2014年9月11日
關於this comment在Firebug的問題跟蹤：
這是目前關閉雷達作爲Firebug的團隊正在 與積分螢火蟲DevTools目前。這意味着 將能夠重新使用由內置DevTools提供的功能。 因此，您可能會關注https://bugzil.la/885508。
與Firefox版本57或更大版本不兼容。 – TweeZz 2017-11-24 07:35:48
在firefox中，您可以打開開發人員工具欄（Shift + F2）並查看網絡選項卡中的websockets。您可以在選項卡底部使用篩選（爲Websockets選擇其他）。
似乎你說的是Chrome，而不是Firefox – Epoc 2015-01-29 14:22:58
這是在Firefox中，我剛剛檢查過。 – user570605 2015-02-06 13:28:12
我只能在Firefox開發工具中看到'101 Switching Protocols'HTTP響應（告訴客戶端切換到WebSocket協議）。 Shift + F2打開開發工具欄，它基本上是一個控制檯，它不同於Firefox開發工具 – Epoc 2015-02-06 13:42:00
使用Chrome開發者工具
您將看到幀標籤的數據得到改變。
這與[top one]（http://stackoverflow.com/questions/9221018/how-to -view -WS-WSS-網頁套接字-請求內容使用-螢火蟲或 - 其它/ 12305398＃12305398）。你可能會考慮將截圖添加到那個截圖中？ – 2016-10-10 09:19:00
有WebSocket Monitor - 爲可以被用來監測WebSocket連接
安裝擴展後，打開Firefox的開發工具，並切換到「網絡套接字」面板Firefox的開發工具的擴展。它顯示當前頁面的WS幀流量。有以下協議的額外支持：
爲什麼選項卡不顯示？我也檢查過這些選項，並且沒有複選框來啓用該選項卡:( – 2016-05-16 12:00:46
Hi @Jan Odvarko，爲什麼不支持舊版本的Firefox？我發現您只支持版本> 45. – 2016-05-30 09:31:31
WebSocket Monitor需要一些平臺API已經在Firefox 45中引入。 – 2016-05-31 12:28:38
提琴手更容易使用，用於調試的WebSocket。最近我寫了一篇關於CodeProject的文章，向您展示瞭如何使用Fiddler調試/檢查WebSocket流量。 http://www.codeproject.com/Article/718660/Debug-Inspect-WebSocket-traffic-with-Fiddler – engineforce 2014-01-31 21:39:00