Overview

Socket Inspector is Chrome DevTools extension for debugging WebSocket applications.

Similar to Chrome’s native DevTools, Socket Inspector allows the user to inspect the page’s WebSocket connections, along with the incoming/outgoing messages for each connection.

It also adds some powerful features such as sending custom messages and simulating server disconnections, enabling the user to simulate scenarios that can be difficult to reproduce manually.

Example Use Cases

  • Reproduce bugs or test edge cases without making any code changes
  • Test your UI’s reconnect logic by simulating a server disconnection
  • Check for race conditions by sending messages in any order
  • Build new UI features before the backend is ready (and vice versa!)
  • Uncover security vulnerabilities in your UI or server