2012-01-21 17 views
30

Posso utilizzare la scheda Rete in Google Chrome Web Inspector per eseguire il debug del traffico di rete (richieste AJAX, ecc.). Posso controllare quali dati vengono trasferiti facilmente. Ma websocket connessioni mostrano solo comeDebug Web Socket Web di Web Inspector Debug

Request URL:ws://localhost/... 
Request Method:GET 
Status Code:101 Switching Protocols 
... 

e non riesco a vedere i dati trasferiti. C'è qualche funzione di build in Google Chrome per ispezionare i dati trasferiti? O devo usare Wireshark?

PS: sto usando l'ultima versione stabile (16.0.912.75). Se una versione più recente (beta/dev) ha queste caratteristiche, sarebbe bello.

+1

Eventuali duplicati di [Debug WebSocket in Google Chrome] (http://stackoverflow.com/questions/5751495/debugging-websocket-in-google-chrome) –

risposta

58

Chrome e Chromium ora dispongono di ispezione frame messaggio WebSocket. Ecco i passi per testare rapidamente:

  1. Passare alla WebSocket Echo demo, ospitate sul sito websocket.org.
  2. Attiva gli Strumenti di sviluppo di Chrome.
  3. Clicca Network, abilitare filtro (3 ° icona da sinistra sulla parte superiore del strumenti di sviluppo) per filtrare il traffico mostrato dai Developer Tools e fare clic su WebSockets.
  4. Nella demo Echo, fare clic su Collegare. Nella scheda Intestazioni in Google Dev Tool puoi controllare l'handshake WebSocket.
  5. Fare clic sul pulsante Invia nella demo Echo.
  6. Per vedere i frame WebSocket in Strumenti per sviluppatori di Chrome, in Nome, fare clic sulla voce che rappresenta la connessione WebSocket. Questo rinfresca il pannello principale sulla destra e mostra la scheda Frames WebSocket con il contenuto effettivo del messaggio WebSocket.

Ho anche pubblicato il steps with screen shots and video. enter image description here

+1

Fare attenzione quando si postano copiare e incollare boilerplate/risposte Verbatim a più domande, questi tendono ad essere contrassegnati come "spammy" dalla comunità. Se lo fai, in genere significa che le domande sono doppie, quindi contrassegnali come tali. – Kev

+3

Grazie, Kev. A proposito, si applica anche ai commenti ... ;-) –

+1

Penso che Fiddler sia più facile da usare per il debug di WebSocket. Ho recentemente scritto un articolo su CodeProject, che mostra come eseguire il debug/controllo del traffico WebSocket con Fiddler. http://www.codeproject.com/Articles/718660/Debug-Inspect-WebSocket-traffic-with-Fiddler – engineforce

7

Dopo un po 'di ricerche ho trovato una domanda duplicato qui: Debugging WebSocket in Google Chrome

Chrome does't supportano la visualizzazione dei traffico nella versione stabile corrente. Devo usare Wireshark.

Problemi correlati