Search code examples
google-chromefirefoxwebwebsocketfirebug

Monitoring the websocket data through browser developer tools


Is it possible to see/monitor the data exchange through developer tools of browsers , like chrome already has the developer tools > network > websocket,But it only displays the communication handshake but no data exchange unlike the xhr


Solution

  • In Chrome, when you go to the "Network" tab in the dev tools and then click on a WebSocket connection, you can view the exchanged data by switching from "Headers" to "Frames" in the displayed WebSocket data.