/dev tips

(192) Console Violations Long Tasks (194)

Chrome DevTools: View WebSocket messages interactively

5th February 2019
View WebSocket messages interactively

DevTools has a built-in WebSocket viewer. To try it out:

  1. Open the Filter menu in the Network Panel
  2. Select the WS filter
  3. Select any WebSocket resource
  4. Open the Messages pane

You can:

💡️  Tip: Looking for a demo page? You can use this Wikipedia Edits Globe Visualisation I've been playing around with - it uses WebSockets under the hood.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.