Bookmarklet to intercept and inspect XHR and Fetch network requests on any webpage.
- Captures both XMLHttpRequest and Fetch API calls
- Displays method, URL, status code, and response time
- Click to expand request details (headers, payload, response)
- Color-coded HTTP methods (GET, POST, PUT, DELETE, PATCH)
- Draggable overlay panel
- Clear and close controls
Click here to install the bookmarklet (drag the "Install bookmarklet" button to your bookmarks bar)
- Navigate to any webpage
- Click the bookmarklet
- The interceptor panel appears in the top-right corner
- Perform actions that trigger network requests
- Click any request to see full details
- Drag the header to reposition the panel
- Request: Method, URL, headers, payload
- Response: Status code, headers, body (truncated at 5000 chars)
- Timing: Request duration in milliseconds
Keywords: network interceptor, XHR inspector, fetch debugger, HTTP monitor, API debugger, request logger, browser devtools, web debugging, JavaScript debugging, bookmarklet tool
