Rilog DevTools

⚡ RILOG DEVTOOLS — See everything your page does, in one place. Stop jumping between the Network tab, Console, and guesswork. Rilog DevTools adds a dedicated panel to Chrome DevTools that captures requests, clicks, inputs, and console output in one live, searchable timeline — with custom rules to flag exactly what matters to you. 🔍 CAPTURE EVERYTHING • Network requests — method, URL, status, headers, request/response body • Clicks and input events — see exactly what the user interacted with • Console warnings & errors, captured automatically • Custom debug messages pushed straight from your app via the Rilog library 🎯 FILTER & FIND FAST • Filter by event type, HTTP status (2xx / 4xx / 5xx / failed), URL, or free-text search • Pin the events you care about, or route them into custom named tabs • Ignore noisy domains (analytics, health checks) so they never clutter the timeline 🛠 CUSTOM RULES ENGINE • Match requests by URL, status code (wildcard or exact), or content • Auto-pin matches, send a desktop notification with sound, or silently ignore them • Import/export your rule sets as JSON to share across machines or teammates 📋 A DETAIL VIEW BUILT FOR READING JSON • Collapsible, syntax-highlighted JSON viewer for headers and bodies • One-click copy, full-screen expand for large payloads • Dock the panel to the side or the bottom, resize it however you work 🎨 QUALITY OF LIFE • Light & dark themes that match your DevTools • Auto-scroll to the newest event (toggle it off when you need to focus) • Export/import your entire captured session as JSON • A lightweight popup to pause/resume capture per tab at a glance Whether you're debugging a flaky API, tracing a user's click path, or just tired of losing console errors when the page reloads — Rilog DevTools keeps the full picture on screen, exactly when you need it.