API Homie

Debug API requests, inspect headers, mock responses, and trace data to DOM elements. A friendly API debugging companion

API Homie - API Debugging Tool What is API Homie? API Homie is your friendly companion for debugging API requests right in your browser. Whether you're a frontend developer integrating with APIs, a QA engineer testing error scenarios, or a backend developer validating request formats, API Homie makes API debugging fast and intuitive. Key Features Request Inspection • Capture all API requests (fetch, XMLHttpRequest, WebSocket) • View detailed request and response headers • Inspect request bodies and response data • See syntax-highlighted JSON, XML, and HTML • Track request timing and status codes • Filter requests by HTTP method (GET, POST, PUT, DELETE, PATCH) • Search through request history • Monitor failed requests and errors Mock Manager • Create custom mock responses for any API endpoint • Edit response data, status codes, and response delays • Toggle mocks on/off without deleting them • Simulate error responses (404, 500, etc.) for testing • Test frontend without backend changes • Perfect for development and testing X-Ray Mode • Trace API response data directly to DOM elements • Hover over page elements to see their data source • Instantly find where API data is rendered on the page • Debug data binding issues in SPAs • Understand complex React, Vue, or Angular applications • Visual connection between API and UI Developer Tools • Export requests as cURL commands • Copy as Fetch code for easy reproduction • Generate Markdown documentation from requests • Create TypeScript interfaces from API responses • Integrate with console.log for debugging • Save requests to file for documentation Performance Features • Pin important requests to keep them at the top • Track slow requests automatically • Filter by status code (2xx, 4xx, 5xx) • Session persistence across page refreshes • Lightweight and fast - won't slow down your development Who Should Use API Homie? Frontend Developers Debug API integrations, test error handling, and understand data flow in your applications. QA Engineers Test API error scenarios, validate request/response formats, and document API behavior. Backend Developers Verify API responses, check headers, and validate data structures. Full-Stack Developers End-to-end API debugging from frontend to backend. How to Use 1. Click the API Homie icon to open the debugger 2. Browse any website - API requests are captured automatically 3. Click any request to see detailed information 4. Use X-Ray mode to trace data to page elements 5. Create mocks to test different scenarios 6. Export requests for documentation or sharing Free vs Pro Free Version Includes. • Last 50 API requests captured • Full request/response inspection • Up to 3 mock responses • Complete X-Ray mode access • Hover mode for data tracing • All filtering and search features Pro Version ($9.99 one-time payment). • Unlimited API request history • Unlimited mock responses • Export as cURL commands • Export as Fetch code • Generate Markdown documentation • Create TypeScript interfaces • Console.log integration • Save requests to file • Session persistence across browser restarts Privacy & Security Your privacy matters to us: • All data is stored locally on your device • No data transmission to external servers • No tracking or analytics • No data collection • Payment processing handled securely by ExtensionPay • Minimal permissions requested Technical Details Supported API Types: • REST APIs • GraphQL endpoints • WebSocket connections • fetch() requests • XMLHttpRequest calls Supported Frameworks: • Works with React, Vue, Angular, Svelte • Compatible with Next.js, Nuxt, SvelteKit • Supports single-page applications (SPAs) • Works on traditional multi-page sites Permissions Explained: • activeTab: Run extension only on tabs you activate • scripting: Inject code to capture API requests • storage: Save your mocks and settings locally • extensionpay.com: Process Pro version payments ### Support & Feedback We're here to help! If you encounter issues or have feature requests: • Email: prostreamaudio@gmail.com • Report bugs or request features through our support channel • We actively maintain and improve API Homie based on your feedback Updates & Maintenance API Homie is actively maintained with regular updates: • Bug fixes and performance improvements • New features based on user feedback • Compatibility updates for latest Chrome versions Why API Homie? Unlike other network debugging tools, API Homie is designed specifically for API development: • **Focused:** Built for API debugging, not general network analysis • **Visual:** X-Ray mode shows data connections visually • **Practical:** Mock Manager lets you test without backend changes • **Affordable:** One-time payment, not a subscription • **Privacy-Focused:** Your data stays on your device Get Started Install API Homie now and start debugging APIs with ease. The free version gives you everything you need to get started, and upgrade to Pro when you need unlimited power.