ALT DEV TOOLS
Professional debugging suite integrated directly into your Chrome sidepanel. No more context switching.
Setup guide
Architecture
Sidepanel API
Renderer
Preact / TypeScript
Capture
On demand
Permissions
Minimalist
ENGINEERED FOR EXCELLENCE
Alt DevTools isn't just another extension; it's a high-performance bridge between your source code and the browser runtime.
DOM Explorer
Traverse the element tree with real-time style modification and computed value tracking.
Network Engine
Monitor XHR and fetch requests with full header visibility and payload inspection.
Storage Manager
Live editing of LocalStorage, SessionStorage, and Cookies directly from the sidepanel.
VERIFY ACTIVATION
Purchased a Pro license? Follow the activation guide, then enter your key in Alt DevTools → Settings → License to unlock the Pro panels.
WHY THE SIDEPANEL?
Traditional DevTools often require significant screen real estate or require you to toggle panels that obscure your UI. By utilizing the sidepanel, we provide a persistent, non-intrusive environment for monitoring your application state.
- Zero-click accessibility via persistent sidebar
- Integrated mobile device emulation profiles
- Page metrics, resource timings and live FPS
- Separate inspection sessions for each target tab
VERIFY ACTIVATION
Already have a key? Click here to verify and activate your Pro modules.
Pro Features
Sources Browser
Browse page scripts and styles with syntax highlighting and search.
Device Emulation
Test responsive designs with precise viewport scaling and touch simulation.
Application Tools
Inspect site storage and cookies alongside the page you are debugging.
UNLOCK THE FULL LAB
One payment. Lifetime access. Join 4+ elite developers using Alt DevTools.