When building realtime solutions using web technologies we often use WebSocket communication. There are several ways to debug WebSocket data, but we found this very useful during our development proces.

Displaying realtime WebSocket data using Chrome/Firefox/Safari Web Console

If you would like to see/debug realtime data from WebSocket very quickly, just open Chrome/Firefox/Safari Error console and use the following JavaScript code:

var ws = new WebSocket('ws://YourWebSocket.host:port/context')
ws.onmessage = function(data) {console.log(data)}

You should instantly get your server messages sent through the WebSocket.