API Recorder

API Recorder — Capture, Inspect & Export Network Requests A developer tool that records every API call made by any website you visit — organized by page, fully searchable, and exportable to Postman in one click. No DevTools juggling, no tab-switching, no lost data when you navigate away. WHY API RECORDER? DevTools Network tab is great for one page at a time, but it resets on navigation and disappears when you switch tabs. API Recorder runs quietly in the background across every page you visit, stores everything persistently, and presents it in a clean inspector that stays open beside your browser — ready whenever you need it. Perfect for: Frontend developers debugging REST/GraphQL APIs QA engineers auditing what a web app actually sends and receives Product engineers reverse-engineering third-party integrations Security researchers inspecting network traffic Anyone who has ever said "which endpoint did that button just call?" CORE FEATURES ▸ Automatic capture — Intercepts all fetch() and XMLHttpRequest calls site-wide, from the moment a page loads. No manual setup, no injected scripts to configure. ▸ Organized by page — Requests are grouped under the page that made them. Switch between pages in the left panel; requests for that page appear instantly on the right. Navigate freely — data is never lost. ▸ Full request & response detail — For every captured call you can inspect: • Request method, URL, status code, status text • Complete request headers • Request body (with JSON formatting) • Complete response headers • Response body (with JSON syntax highlighting) • Duration (ms or seconds), response size, timestamp (HH:MM:SS) • Content-Type, domain, request type (Fetch / XHR) ▸ Persistent storage — Captured data survives browser restarts, tab closes, and extension updates. Uses Chrome's unlimited storage quota so large datasets never get silently dropped. ▸ Stays open — Opens as a floating window that stays on screen regardless of where you click or which tab you visit. No more chasing a popup that closes the moment you interact with the page. SEARCH & FILTER Find exactly what you're looking for, even across hundreds of requests: • Full-text search across URLs, methods, status codes, request/response headers, and body content simultaneously • Glob pattern support — search .api.example.com, /users//orders, or graphql just as naturally as a plain substring • Filter by HTTP method (GET, POST, PUT, PATCH, DELETE, OPTIONS, HEAD) • Filter by status category (2xx Success, 3xx Redirect, 4xx Client Error, 5xx Server Error, Network Error) • Filter by request type (Fetch API / XMLHttpRequest) • Multi-domain filter — add several domain glob patterns (e.g. *.api.com and *.cdn.io) that are OR-matched against the request domain • Debounced search input — glob matching runs after a short pause, keeping the UI fast even on large datasets BULK SELECT & ACTIONS • Checkbox on every request row — click to select individual entries • Select All checkbox in the column header selects all visible (filtered) rows at once • Selection persists as you switch between pages • Selected-count indicator in the toolbar shows exactly how many are checked • Export selected — choose a subset of requests and export just those to a Postman collection • Delete selected — remove specific requests from the recording without clearing everything • All bulk actions use the same Export and Delete buttons in the main toolbar — they automatically switch to "selected only" mode when you have a selection, or operate on all data when nothing is selected EXPORT TO POSTMAN Export any set of captured requests as a ready-to-import Postman Collection v2.1: • Requests grouped into folders by page title • Full URL parsed into protocol, host, path, and query parameters • All request headers included • Request body with correct language tag (JSON, XML, HTML, plain text) • Captured response saved as an example inside the collection • One-click download as a timestamped .json file Import straight into Postman, Insomnia, or any tool that supports the Postman v2.1 schema. COPY AS cURL Every request has a "Copy as cURL" button in the detail panel. The generated command includes the correct method flag, all request headers, and the request body — ready to paste into a terminal and replay immediately. RESIZABLE SPLIT-PANE LAYOUT The pages panel and requests panel are separated by a draggable divider. Drag it left or right to give more space to whichever column you need. The detail panel below the request list is collapsible — minimize it when you're scanning through many requests. RECORDING CONTROL • Pause recording at any time with the stop button in the toolbar — useful when you want to freeze the current state before navigating • Resume recording with one click to start capturing again • The recording indicator (red dot with pulse animation) makes the current state unmistakable • Clear all data resets everything with a single confirmation CLEAN, READABLE INTERFACE • Light theme with high-contrast colors — comfortable for long sessions • Color-coded HTTP method badges (blue for GET, green for POST, orange for PUT, red for DELETE, etc.) • Color-coded status codes (green for 2xx, yellow for 3xx, orange for 4xx, red for 5xx) • JSON syntax highlighting in request and response body viewers • HH:MM:SS timestamp column on every row so you can correlate requests to user actions • Monospace font for URLs, bodies, and headers • Error requests visually flagged with a red left border PERMISSIONS EXPLAINED API Recorder requests only what it needs: • storage / unlimitedStorage — saves captured requests so data persists across sessions • tabs — tracks which page each request belongs to, and reads page titles and favicons for the page list • activeTab — allows the toolbar icon to open the recorder window • windows — used to open and focus the floating recorder window • http:/// and https:/// — needed to intercept network calls on any website…