API Call Inspector Lite

About

API Call Inspector Lite shows you the API requests a web page makes — their status codes and how long each one took — without leaving your browser. It's a focused, lightweight network inspector for developers who want to see what's happening on a page at a glance.

THREE WAYS TO SEE YOUR API TRAFFIC

1) DevTools panel — the full picture
2) Toolbar popup — a quick summary for the current tab
3) Toolbar badge — a live count right on the icon

— — —

DEVTOOLS PANEL ("API Inspector" tab)

This is the complete tool. Open DevTools (F12) and click the API Inspector tab to see every XHR and fetch request as it happens:

- Status codes, color-coded at a glance — green for 2xx, cyan for 3xx, amber for 4xx, red for 5xx and failed requests
- A per-request timing waterfall, so the slowest calls jump out immediately. Each bar breaks timing into its phases: queued, connect (DNS / TCP / TLS), waiting (time to first byte), and content download
- Method, URL, resource type, and response size for every request
- A detail drawer for any request: an Overview tab, a full Timing breakdown, request and response Headers, and the Response body (JSON is automatically pretty-printed; URLs and bodies are one click to copy)
- Live filters — search by URL or method, filter by status class (2xx/3xx/4xx/5xx/failed), or toggle "API only" off to see every resource the page loads
- A running summary: total requests, errors, and average response time
- "Preserve log" to keep requests across page navigations

The panel uses the same data source as Chrome's own Network tab, so timing and status are accurate to the millisecond.

— — —

TOOLBAR POPUP

Click the toolbar icon for an instant summary of the active tab — no need to open DevTools:

- How many API calls the page has made
- How many of them errored
- The average response time
- The most recent calls, with method, status, and timing

It's the "is anything broken here?" glance. When you need depth — headers, response bodies, phase-by-phase timing — the popup points you straight to the DevTools panel.

— — —

TOOLBAR BADGE

The extension icon shows a live count of the current tab's API calls. It stays blue normally and turns red the moment any API call fails or returns a 4xx/5xx. The count resets when you navigate to a new page, so it always reflects the page you're looking at.

— — —

PRIVACY-FIRST BY DESIGN

API Call Inspector Lite does not collect, store, or transmit your data anywhere. There are no analytics, no tracking, and no external servers. Everything it shows is computed locally in your browser and lives only in memory for the current browsing session — it's cleared when you close the browser. The DevTools panel needs no special access at all; it only sees the tab you're actively inspecting.

— — —

GOOD TO KNOW

- The DevTools panel captures requests while DevTools is open on a tab. If a page finished loading before you opened the panel, reload with it open to see those requests.
- The popup and badge show fetch and XHR calls (what the browser reports as "xmlhttprequest"). Toggle "API only" off in the panel to also see documents, scripts, images, and other resources.
- The popup summary shows status and timing but not response bodies — open the DevTools panel for those.