Click the TagDragon icon in the Chrome toolbar to see a quick overview of tracking activity without opening DevTools. The popup shows live statistics, top providers, and quick actions.
Badge Counter
The TagDragon extension icon displays a badge with the current number of captured requests.
- Updates in real-time — The count refreshes as new requests are captured
- Color-coded — Badge uses the dragon amber accent color
- Zero when idle — No badge shown when no requests have been captured
The badge gives you a non-intrusive way to monitor tracking activity at a glance — you don’t even need to open DevTools to know if tags are firing.
Live Statistics
The popup displays four key metrics about the current session:
- Request count — Total number of tracking requests captured
- Total size — Cumulative size of all captured request responses
- Average duration — Mean response time in milliseconds
- Success rate — Percentage of requests with 2xx status codes
These metrics update in real-time as requests are captured on the inspected tab.
Top 5 Providers
A ranked list of the 5 providers with the most captured requests.
- Provider name — With its assigned color for quick identification
- Request count — Number of requests from this provider
- Ranked — Sorted by request count, highest first
This gives you an instant overview of which tracking tools are most active on the current page — useful for quick audits and identifying unexpected tracking.
Quick Actions
Two action buttons are available directly in the popup:
- Pause / Resume — Toggle request capture without opening DevTools
- Clear — Remove all captured requests and reset counters
These are useful for quick interactions: clear the count, navigate to a new page, and see how many requests fire.
Popup vs DevTools Panel
The popup is designed for quick monitoring. For detailed debugging, open the full DevTools panel.
| Feature | Popup | DevTools Panel |
|---|---|---|
| Request count | ✅ | ✅ |
| Statistics | Summary | Detailed with filters |
| Provider breakdown | Top 5 | All with filtering |
| Request details | ❌ | 5 detail tabs |
| Filters | ❌ | Full filtering suite |
| Export | ❌ | JSON and CSV |
| Pause/Resume | ✅ | ✅ |
| Clear | ✅ | ✅ |
Use Cases
Quick health check after deployment:
- Deploy new tracking code
- Navigate to the page
- Check the popup — are requests flowing? Are the right providers showing?
- If something looks wrong, open DevTools for detailed investigation
Monitoring during a meeting:
- Keep the popup open on a second monitor
- Watch the badge counter to see tracking activity in real-time
- No need to have DevTools open and visible
Verifying tracking works:
- Clear via popup
- Click a button or navigate
- Check badge counter — should increase
- Check popup — are the expected providers showing?
Tips & Best Practices
- Badge as monitoring — The badge counter lets you passively monitor tracking without any UI interruption
- Popup for status checks — Use the popup when you need a quick status check but don’t need full debugging power
- Clear before testing — Clear from the popup, then trigger your interaction, then check the count
- Top providers for audits — A quick look at the top 5 providers tells you if unexpected tracking tools are present on the page
Related
- Request Capture & Decoding — How requests are captured in DevTools
- Status Bar — Real-time statistics in the DevTools panel
- Providers — Complete list of supported providers