Show HN: A tool for complete WebSocket traffic control

12 points

10 months ago

I built a Chrome extension that acts as a WebSocket proxy, allowing real-time monitoring, message simulation, and traffic interception. Think "Proxyman for WebSockets" but integrated into Chrome DevTools.

Key features: Real-time WebSocket monitoring and message capture Send custom messages in both directions (client ↔ server) Block incoming/outgoing messages for testing Background monitoring (captures connections even when DevTools is closed) Why: I was debugging a WebSocket chat app and needed better tools than browser DevTools. Existing solutions required external proxies or were too basic.

Tech: Injects proxy script to intercept WebSocket constructor, React + Vite UI, Chrome DevTools API integration, MIT licensed. Perfect for debugging WebSocket apps, testing error scenarios, reverse engineering APIs, and QA testing real-time features.

Links:

GitHub: https://github.com/law-chain-hot/websocket-devtools

YouTube Demo: https://www.youtube.com/watch?v=L64x__1xORQ

Would love feedback from developers who work with WebSockets regularly!