Fetch Monitor

# Fetch Monitor - Network Request Inspector A powerful Chrome extension designed for developers to monitor, capture, and inspect all network requests (fetch and XMLHttpRequest) with complete response body data. ## ✨ Key Features - **Real-time Monitoring** - Automatically captures all fetch and XHR requests as they occur - **Response Body Capture** - View complete response bodies including JSON, text, and more - **Custom URL Filtering** - Add specific URLs or patterns to monitor only what matters - **Smart Filtering** - Filter captured requests by monitored URL for easy navigation - **Export Functionality** - Export all captured data to JSON for analysis or debugging - **Badge Counter** - Visual indicator showing the number of captured requests - **Clean Interface** - Modern, intuitive UI with dark-themed code preview - **One-Click Copy** - Quickly copy response bodies to clipboard ## 🎯 Perfect For - **API Debugging** - Inspect API responses and troubleshoot integration issues - **Web Development** - Monitor AJAX requests during development - **Testing** - Verify request/response data in real-time - **Learning** - Understand how web applications communicate with servers ## 🚀 How to Use 1. **Add URLs to Monitor**: Enter the URL patterns you want to track (e.g., `/api/user` or full URLs) 2. **Browse Normally**: Navigate your website - the extension automatically captures matching requests 3. **View Captures**: Click the extension icon to see all captured requests with their response bodies 4. **Filter & Export**: Use the filter feature to focus on specific URLs, or export all data as JSON ## 🔒 Privacy & Security - All data is stored locally in your browser - No data is sent to external servers - Monitor only the URLs you explicitly add - Full control over captured data ## 💡 Use Cases - Debug failed API requests - Verify response data format - Monitor third-party API calls - Capture webhook payloads - Test API endpoints - Learn API behaviors ## 🛠️ Technical Details - Intercepts both [fetch()](cci:1://file:///Users/a58/demo/python-demo/fetch-monitor-extension/inject.js:44:4-62:6) and `XMLHttpRequest` APIs - Captures complete response bodies (JSON, text, etc.) - Supports all HTTP methods (GET, POST, PUT, DELETE, etc.) - Real-time updates every 2 seconds - Limits storage to 1,000 most recent requests Perfect for developers, QA engineers, and anyone who needs to inspect network traffic directly in their browser! --- **Note**: This extension requires access to all websites to monitor network requests. It only captures data from URLs you explicitly add to the monitoring list.