Media
2 items
Description
Developer tool that logs all API calls made by websites. Shows method, headers, payload, and response in a clean dev-friendly UI. 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.