Fetch Monitor

About

# 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.