WebSocket Sniffer

監聽網頁上的 WebSocket 收發資料 (支援 JSON/XML 解析)

Say goodbye to the cluttered Network panel and debug WebSockets the elegant way! Tired of squinting at raw, unformatted WebSocket frames while building real-time web applications (like chat rooms, trading platforms, or live games)? "WebSocket Sniffer" is a Chrome DevTools extension crafted specifically for frontend developers and QA engineers. It integrates seamlessly into your F12 developer tools, providing a clean, organized interface dedicated entirely to intercepting and parsing bidirectional WebSocket traffic. ✨ Key Features 📡 Real-Time Bidirectional Interception: Accurately captures and categorizes WebSocket Send and Receive events. 🧩 Smart Formatting & Parsing: Say goodbye to messy plaintext! Automatically detects and formats JSON and XML payloads into an easily readable, collapsible Tree View. ⚡️ High-Performance Buffering: Designed for high-frequency data streams (e.g., live tickers, gaming). Built-in data batching and record limits ensure your page maintains peak FPS without any lag or memory leaks. 🥷 Zero-Interference Technology: Utilizes advanced Monkey Patching and API cloaking. It operates silently under the hood without breaking your site's native logic or triggering common anti-debugging mechanisms. 🎯 Dedicated DevTools Panel: Keeps your workspace organized with a custom panel inside DevTools, accessible exactly when you need it without cluttering your main UI. 👨‍💻 Who is this for? Frontend engineers integrating or debugging WebSocket APIs. QA engineers verifying the accuracy of real-time socket data. Developers analyzing real-time web communication architectures.