Debug di Web Socket di Chrome Web Inspector

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 le connessioni Websocket mostrano solo come

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.

Chrome e Chromium ora hanno l’ispezione del frame dei messaggi WebSocket. Ecco i passaggi per testarlo rapidamente:

  1. Passa alla demo WebSocket Echo , ospitata sul sito websocket.org .
  2. Attiva gli Strumenti per sviluppatori di Chrome.
  3. Fare clic su Rete , abilitare il filtro (terza icona a sinistra nella parte superiore di Dev Tools) per filtrare il traffico visualizzato dagli Strumenti per sviluppatori e fare clic su WebSockets .
  4. Nella demo Echo, fai clic su Connetti . Nella scheda Intestazioni in Google Dev Tool puoi controllare l’handshake WebSocket.
  5. Fai clic sul pulsante Invia nella demo Echo.
  6. Per vedere i frame WebSocket in Strumenti per sviluppatori di Chrome, sotto 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 postato i passaggi con schermate e video . inserisci la descrizione dell'immagine qui

Dopo alcune ricerche ho trovato una domanda doppia: debug di WebSocket in Google Chrome

Chrome non supporta la visualizzazione del traffico nella versione stabile corrente. Devo usare Wireshark.

Un’altra idea, per il semplice test del web socket e leggero, usa il plugin Chrome “Simple Web-socket.” Volevo verificare solo se la connessione può essere stabilita o meno. “Seguito del plugin Chrome” Presa semplice web (link: https: // chrome .google.com / webstore / detail / simple-websocket-client / pfdhoblngboilpfeibdedpjgfnlcodoo? hl = it ) “funziona come un fascino.

https://lh3.googleusercontent.com/bEHoKg3ijfjaE8-RWTONDBZolc3tP2mLbyWanolCfLmpTHUyYPMSD5I4hKBfi81D2hVpVH_BfQ=w640-h400-e365