NetReplay – Capture & Replay Network Requests

See every request your page makes. NetReplay is a Chrome extension that captures every fetch and XHR network request on any page, lets you inspect headers and response bodies in a floating panel, and replays any request with a single click — no DevTools, no proxies, no setup. Whether you're debugging a broken API call, validating an endpoint in QA, or tracing what a third-party script is quietly sending, NetReplay gives you a clear, real-time view of every HTTP request your browser makes — directly alongside the page. 🎯 Capture every fetch() and XHR request on any page — automatically, from page load 🔍 Inspect full request headers, response headers, status codes, and response bodies ▶ Replay any captured request instantly and download the response as a JSON file Key Features: --------------------- ✅ Automatic Network Request Capture NetReplay intercepts every fetch() and XMLHttpRequest call the moment a page loads — no button to click first, no configuration required. Every API call, data request, and background poll is recorded. The request list builds in real time as the page runs, giving you a complete picture of all network activity. Unlike Chrome DevTools, you never lose captures by accidentally closing the panel or navigating away. ✅ Full Request & Response Inspection Click any captured request to see everything: HTTP method, full URL, all request headers, request body, response status code, response headers, and the complete response body. JSON responses are automatically pretty-printed for readability. This is the HTTP request inspector chrome developers reach for when they need detail without switching away from the page they're debugging. ✅ One-Click Request Replay Select any captured request and hit Replay. NetReplay resends the exact request — same method, same headers, same body — and shows you the live response immediately. No copy-pasting into Postman, no reconstructing curl commands by hand. Replay is the feature that makes NetReplay different from a plain network logger: you can re-run any request as many times as needed without reloading the page or repeating the user flow that triggered it. ✅ Download Response as JSON Save any captured request and its response to disk as a timestamped .json file. The export includes the request method, URL, headers, body, response status, response headers, and response body — everything in one structured file. Share it with a teammate, diff two responses, or archive it as evidence in a bug report. One click, done. ✅ Copy as cURL Command Generate a ready-to-paste curl command for any captured request in either bash or Windows cmd format. All headers and the request body are correctly quoted and escaped. Paste it directly into your terminal to reproduce the request in isolation, run it in CI, or hand it off for backend debugging — without touching DevTools or writing anything by hand. ✅ URL & Method Filter Type any string into the filter bar to instantly narrow the request list by URL fragment or HTTP method. Debugging a specific endpoint in a page that makes dozens of requests? Filter to it in under a second. The filter is live — it updates as you type without clearing any captured data. ✅ Floating Panel — Stays on the Page NetReplay renders as a floating panel injected into any page via Shadow DOM, so it never interferes with the page's own layout or styles. Open it by clicking the toolbar icon or the floating button on the page. Close it when you're done. It stays visible as you interact with the page — you don't have to toggle back and forth between a DevTools tab and the live page to see what's happening. ✅ Enable / Disable Toggle The popup's toggle switch lets you pause capturing and hide the panel across all tabs without uninstalling the extension. Useful when you're done debugging and don't want the panel visible on every page. Re-enable it instantly when you need it again. The toolbar badge shows ON/OFF state at a glance. ✅ Minimal Permissions NetReplay requests only two permissions: storage (to remember the on/off toggle state) and the content script host match for all URLs (required to inject the capture script on any page you visit). No remote connections. No data leaves your browser. Works On: --------------------- NetReplay is an API request capture chrome extension that works on every website that makes network requests — which is essentially every modern website: ▶ Web applications — React, Vue, Angular, or any SPA that communicates with a backend API. Capture the exact payload your app sends and the exact response it receives. ▶ REST APIs — Watch every GET, POST, PUT, PATCH, and DELETE call your page makes. Filter by method to isolate write operations. ▶ GraphQL endpoints — Capture the full query body and the complete response payload. Useful when introspection isn't available or the schema is unclear. ▶ Third-party API integrations — See exactly what requests your page makes to analytics, payment, authentication, or data providers. ▶ E-commerce sites — Inspect add-to-cart, checkout, and inventory API calls during QA testing. ▶ Authentication flows — Observe login, token refresh, and session API calls without a proxy. ▶ Streaming and media sites — Capture manifest requests, segment fetch calls, and DRM license requests for debugging playback issues. ▶ Internal tools & dashboards — Debug API calls in tools that don't have good error surfaces, without setting up a proxy or modifying source code. ▶ Any page with fetch() or XMLHttpRequest — If the page makes HTTP requests through JavaScript, NetReplay captures them. Note: NetReplay captures JavaScript-initiated requests (fetch and XHR). Navigation requests and requests made directly by the browser (resource loads like images, scripts, stylesheets initiated by HTML parsing) are not captured — only programmatic API calls. Use Cases: --------------------- NetReplay solves specific problems that come up daily in web development, QA, and API work: 🐛 Debugging a Br…