在Chrome Devtools中調試WebSockets：如何檢查事件：'服務器關閉連接'？

這是工作websocket。後端開發人員表示服務器關閉％some_event％上的連接，但據我所知，它在檢查器中仍處於打開狀態。檢查員中的「掛起」標籤是否意味着它是開放的？如果服務器發送readyState === 3（CLOSED），我們是否可以在幀選項卡中看到像'CLOSED'文本和原因這樣的幀？在Chrome Devtools中調試WebSockets：如何檢查事件：'服務器關閉連接'？

換句話說，我該如何檢查事件：DevTools中的「服務器關閉連接」？

來源

2016-10-02 korsun

是的，「掛起」表示它是開放的。如果你點擊左側（URL /路徑），你會得到更多的信息（關於框架等）。它可能爲連接關閉時的原因提供線索。 – robertklep

是的，我知道：'我們可以看到像'CLOSED'文本和框架選項卡中的原因框架' – korsun

我不知道，爲什麼不嘗試？ – robertklep

WebSocket的對象有可以聽onClose事件會，你可以得到所有的信息約在這裏：https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent

websocketObject.addEventListener("close", function(e) { 
/// Put your logic here 
},false);

它也可能是放置在錯誤事件偵聽器是個好主意（在同樣的方式）。

來源

2016-10-02 11:28:15 fistuks

對不起，我的意思是如何檢查DevTools。編輯問題 – korsun

好吧，如果你仍然可以添加它作爲最佳實踐，事件對象會給你比開發工具的網絡部分中的ws選項卡更多的信息。如果您無法訪問源代碼，只需將它寫入控制檯即可訪問Web套接字對象，並且您有足夠的時間關閉它。 – fistuks

在Chrome Devtools中調試WebSockets：如何檢查事件：'服務器關閉連接'？

回答

相關問題