5

I am using Google Chrome version 24

I am viewing a website where the data is being fetched to the front end by websocket call.

My question is, "Is it possible to view the web socket response from the browser?" Are there any such tools?

Please let me know, thanks in advance.

Steve Konves
  • 2,648
  • 3
  • 25
  • 44
Pawan
  • 31,545
  • 102
  • 256
  • 434

2 Answers2

4

Yes this is possible. Look at the Network pane in Dev Tools and look for the line that says Switching Protocols

The caveat is you need to close and reload the detail pane as it does not auto-refresh (as of Chrome 25)

Possible duplicate: Debugging WebSocket in Google Chrome (though definitely dated information, much has changed since those answers were posted)

This is pretty close to 'up-to-date' information as of (2013-03-20) http://codetheory.in/websocket-traffic-inspection-in-chrome-developer-tools/

Community
  • 1
  • 1
BLSully
  • 5,929
  • 1
  • 27
  • 43
  • By anyway , can we filter out the response ?? IS there any such facility ?? – Pawan Mar 20 '13 at 19:12
  • Fiddler is easier to use for debugging WebSocket. I have recently written an article on CodeProject, which show you how to debug/inspect WebSocket traffic with Fiddler. http://www.codeproject.com/Articles/718660/Debug-Inspect-WebSocket-traffic-with-Fiddler – engineforce Jan 31 '14 at 21:40
0

On the Chrome inspector, click the Network tab.

Link

Greg
  • 481
  • 1
  • 5
  • 21