FireScope

About

FireScope adds a dedicated Firestore panel to Chrome DevTools so you can see exactly what your app is querying—clearly, in real time. It decodes Firestore requests into readable queries (including document lookups, collection group queries, and aggregations), groups related requests, and helps you spot issues fast.

Why install FireScope
- Readable queries: See WHERE/ORDER BY/LIMIT, doc lookups (Collection/docId), collection group flags, and aggregations—no raw wire noise.
- Faster debugging: Each request shows method, duration, status, and query count; multiple queries in the same request are grouped together.
- One‑click exports: Generate example code for Angular (AngularFire), Node.js (Admin SDK), Flutter (cloud_firestore), or JSON to speed up reproductions and reviews.
- Filter by collection: Instantly narrow down requests to the collections you care about.
- Clean details: Compact, collapsible JSON and clear badges for query type (FETCH, LOOKUP, WRITE, AGG).
- Polished UI: Light/Dark/System themes, keyboard-friendly search, and non‑clipping dropdowns.

How it works
- Open DevTools and switch to the "FireScope" tab.
- Use your app normally—Firestore requests appear live, decoded and organized.
- Filter by collection or export a request to code when you need it.

Privacy-friendly by design
- All inspection happens locally in your browser.
- No personal data or raw document payloads are sent anywhere.

FireScope makes Firestore debugging practical: less time reverse‑engineering network payloads, more time shipping fixes.