Show HN: A tool for complete WebSocket traffic control

3 months ago 4

DevPanel Background

Chrome Extension

Proxy, simulate, block messages with advanced debugging capabilities. Real-time monitoring and traffic control for developers. - WebSocket DevTools

Free & Open SourceWorks with all frameworksReal-time monitoring

Powerful WebSocket Debugging

Everything you need to debug, test, and monitor WebSocket connections in your applications.

Proxy WebSocket

Track WebSocket connections live with detailed connection info, status updates, and message flow visualization in real-time.

Simulate Message

Send custom messages both ways - from client to server and server to client. Test your handlers with complete control.

Block Send/Receive

Block specific messages and test edge cases. Simulate network issues and connection failures with precision.

Pro tip: Background monitoring - never miss connections

See It In Action

Get a preview of the extension interface and key features in Chrome DevTools.

WebSocket DevTools Main Interface

Main Interface - Real-time Monitoring

Complete WebSocket debugging interface with active monitoring panel, message control toggles, live connection tracking, and real-time message traffic display with JSON formatting and timestamps.

Simulate Message Console

Simulate Console

Advanced message simulation with JSON editor, syntax highlighting, and nested parse & fill options. Create custom WebSocket messages easily.

Message Blocking Feature

Message Blocking

Powerful message blocking functionality with real-time interception. Control message flow with clear BLOCK indicators in the log.

Add to Favorites Feature

Favorites System

Save and manage message templates with the favorites system. Quick access to frequently used messages for efficient debugging.

Comprehensive WebSocket Debugging

Advanced Debugging

Handle complex scenarios with multiple connection management, extensive message history, and comprehensive status tracking.

Get Started in 3 Steps

Install and start debugging WebSocket connections in under a minute.

Visit Chrome Store

Go to the Chrome Web Store and search for "WebSocket DevTools"

Install Extension

Click "Add to Chrome" and confirm the installation

Open DevTools

Open Chrome DevTools and find the "WebSocket DevTools" tab

Ready to debug WebSockets?

Join thousands of developers who trust WebSocket DevTools for their debugging needs.

Read Entire Article