Chrome DevTools extension

Which button fired that request?

G-garry adds a panel to Chrome DevTools that records the fetch() and XMLHttpRequest calls a page makes — and keeps track of the element that set each one off.

Name	Status	Triggered by	Time
POST /api/cart/items	201	button.add-to-cart	128 ms
GET /api/cart	200	button.add-to-cart	64 ms
GET /api/recommendations?sku=8841	200	button.add-to-cart	210 ms
POST /api/checkout	402	form#checkout	340 ms

Four calls, one click. The panel keeps the connection.

Records fetch + XHR

The full call, not just the line in the console

URL, headers, request and response bodies, status and timings, for every call the page makes while the panel is open. Capture can be turned off, and the log cleared, at any time.

Links request → element

Point at an element, see what it calls

A click, a form submission or an input change is noted alongside the requests that followed it. The element picker works the other way round: select part of the page, and read back the calls it is responsible for.

Replays and mocks

Send it again, or answer it yourself

Replay a captured request against the same endpoint to check a fix. Or write a mock rule and let the panel answer the call instead of the server.

Exports HAR or JSON

Hand the session to someone else

Write the log out as HAR or as a session file, to a location you choose. Headers carrying credentials are redacted by default.

G-garry has no server, no analytics, and no account. Everything it records stays in your browser's own storage, and the request log is cleared when the browser closes. Read the privacy policy.