Api Request Logger

Debug and monitor API requests easily with API Request Logger, the essential developer tool for tracking network calls, analyzing request/response data, and troubleshooting API integrations.

API Request Logger is a powerful Chrome extension designed for developers, frontend engineers, QA testers, and API developers who need to inspect, debug, and monitor HTTP requests made by websites. Whether you're debugging API integrations, analyzing network traffic, reverse-engineering API endpoints, or monitoring application behavior, this extension provides comprehensive request logging with a clean, developer-friendly interface.

🔍 Complete Request Interception

API Request Logger automatically captures all fetch() and XMLHttpRequest calls made by websites you visit. No configuration needed - simply install the extension and start browsing. The extension intercepts requests in real-time, capturing every detail you need for debugging and analysis.

📊 Detailed Request Information

View comprehensive details for every API call:

HTTP Methods: GET, POST, PUT, DELETE, PATCH, and more
Request URLs: Full endpoint addresses with query parameters
Request Headers: All headers including authentication tokens, content types, and custom headers
Request Bodies: Complete payload data in JSON, form data, or raw format
Response Status Codes: HTTP status codes (200, 404, 500, etc.)
Response Headers: All response headers including CORS, caching, and content type
Response Bodies: Full response data in readable format
Response Times: Performance metrics showing how long each request took
Error Information: Detailed error messages for failed requests

🎨 Modern Developer Interface

Experience a clean, intuitive Material Design 3 interface optimized for developers:

Color-Coded Status Indicators: Instantly identify successful (green), redirect (yellow), client error (orange), and server error (red) responses
Method Badges: Visual indicators for HTTP methods with distinct colors
Dark Mode Support: Comfortable viewing in any lighting condition
Responsive Layout: Optimized 800x600px popup window for maximum visibility
Smooth Animations: Polished transitions and interactions for a professional feel

🔎 Powerful Search & Filtering

Quickly find the requests you need with advanced filtering capabilities:

Search by URL: Find requests by endpoint, domain, or path
Filter by Method: Show only GET, POST, PUT, DELETE, or other HTTP methods
Filter by Status: Filter by response status codes (2xx success, 3xx redirect, 4xx client error, 5xx server error, or errors)
Real-time Filtering: Filters apply instantly as you type
Clear All: Remove all logged requests with one click

⚡ Real-Time Monitoring

Watch API calls happen in real-time as you interact with websites:

Automatic Updates: New requests appear automatically without manual refresh
Live Statistics: See total requests, successful calls, errors, and more
Request Counter: Track how many requests have been logged
Performance Metrics: Monitor response times and identify slow endpoints
💾 Local Storage & Privacy

Your data stays on your device - always:

100% Local Storage: All logged requests stored locally using Chrome's secure storage API
No External Transmission: Zero data sent to external servers or third parties
No Cloud Sync: Everything remains on your device for maximum privacy
Automatic Cleanup: Automatically manages storage by limiting to 1000 most recent requests
Full Control: Clear all data anytime with the Clear button

🔒 Security & Privacy First

Built with security and privacy as top priorities:

Manifest V3 Compliant: Uses the latest Chrome extension architecture
Strict Content Security Policy: Prevents XSS attacks and malicious code execution
No Tracking: Zero analytics, telemetry, or user tracking
No External Dependencies: Self-contained with no third-party services
Open Source Ready: Code available for security review

🚀 Perfect For

Frontend Developers: Debug API integrations, inspect request/response data, troubleshoot CORS issues
Backend Developers: Monitor API usage, analyze request patterns, verify endpoint behavior
QA Engineers: Test API endpoints, verify request payloads, validate response data
API Developers: Reverse-engineer API endpoints, understand API contracts, document API behavior
Full-Stack Developers: Debug full-stack applications, trace data flow, identify integration issues
Students & Learners: Learn how APIs work, understand HTTP protocols, study network communication
📋 How It Works

Install the Extension: Add API Request Logger to Chrome with one click
Browse Websites: Navigate to any website that makes API calls
View Requests: Click the extension icon to see all intercepted API requests
Inspect Details: Click any request to view complete request/response information
Search & Filter: Use search and filters to find specific requests quickly
Clear When Done: Remove all logged data with the Clear button.

⚙️ Technical Details

Manifest V3: Built with the latest Chrome extension standard
Browser Compatibility: Chrome 88+, Edge 88+, and other Chromium-based browsers
Storage Limit: Maximum 1000 requests stored (oldest removed automatically)
Supported Protocols: HTTP and HTTPS requests via fetch() and XMLHttpRequest
Performance: Lightweight and efficient, minimal impact on page load times.

⚠️ Important Notes

Developer Tool: This extension is designed for development and debugging purposes
Sensitive Data: Be aware that logged requests may contain authentication tokens, passwords, or personal information
Responsible Use: Use in accordance with website terms of service and applicable laws
Limitations: Only captures fetch() and XMLHttpRequest calls (not WebSocket or other protocols)

🎯 Use Cases

Debug API authentication issues by inspecting request headers
Monitor API rate limiting and quota usage
Analyze API response times and performance bottlenecks
Reverse-engineer undocumented API endpoints
Verify API request payloads match expected format
Troubleshoot CORS and network errors
Learn how modern web applications communicate with backends
Document API behavior for team members
Test API integrations during development
Monitor third-party API calls made by websites

🔄 Regular Updates

We continuously improve API Request Logger based on developer feedback. Expect regular updates with new features, performance improvements, and bug fixes.

📞 Support & Feedback

Have questions, suggestions, or found a bug? We'd love to hear from you! Open an issue on our repository or contact us directly.