Show Data Variables

About

Powerful side panel browser extension that discovers, organizes, and helps inspect hidden or non-obvious page data across the DOM, storage, and runtime JavaScript built for debugging, QA, reverse engineering, and privacy/security review.

🔍 Scan Every Data Source in One Place
Automatically scans across 11 categories including data-* attributes (with noise filtering), hidden/disabled form fields, meta tags, JSON script payloads, cookies, localStorage, sessionStorage, URL params, CSS custom properties, and MAIN-world JavaScript globals. Results are organized in a clean, drill-down UI.

⚡ Stream Results + Re-Scan Live
Get immediate feedback as fast categories appear first, then deeper sources load progressively. A live re-scan mode uses a DOM MutationObserver to catch runtime changes as the page updates.

🧠 Inspect Framework State and MAIN-World JS
Go beyond content-script limitations with deep inspection from the page’s MAIN world. Detect and surface common framework ecosystems like Next.js, Nuxt, Redux, Apollo, Vuex, and GTM for faster validation and troubleshooting.

✍️ Edit Values In-Place and Write Back to the Page
Test hypotheses without hopping between DevTools and custom scripts. Edit supported categories inline and apply changes directly to the page context including storage, cookies, meta tags, URL params, CSS variables, and accessible JS/framework state.

📊 Analyze, Track Changes, and Export
See what’s new or changed across scans with New and Changed badges. Use Analytics for distribution, type breakdowns, and data-size insights, then export complete results to CSV for reporting and audits.