Browser Extension
The DebugX Chrome extension provides deep visibility into your frontend state, capturing screenshots, console logs, and network requests as they happen.
Installation
The extension is available on the Chrome Web Store. It works with all Chromium-based browsers, including Brave and Edge.
Key Capabilities
Automatic Screenshots
When an error occurs, the extension takes a snapshot of the current viewport, helping you see exactly what the user saw.
Network Interception
Captures headers, payloads, and response times for all XHR and Fetch requests without manual code changes.
Allowlisting Domains
To ensure privacy and performance, the extension only captures data on domains you explicitly authorize.
Open the extension popup in your browser.
Navigate to your development or production site.
Click the 'Enable for this Domain' toggle.
Configure the Whitelist in your Project Settings on the Dashboard.
Data Privacy
DebugX extension never captures sensitive fields (passwords, CVV, local storage tokens) by default. You can further customize your redaction patterns in the advanced settings tab.