Mtop DevTools

Visualize and analyze Mtop API requests

A powerful Chrome DevTools extension designed for monitoring, debugging, and analyzing Mtop API requests. 🎯 Core Features: • Smart Capture - Automatically captures all Mtop API requests, intelligently identifies direct and proxy requests, and filters out preflight requests • JSON Visualization - Powerful tree structure view with automatic parsing of nested JSON, URL parameters, escaped strings, and other complex formats. Supports search and highlighting • Field Pinning - Right-click to pin JSON fields at any depth. Pinned field values are automatically displayed at the top of lists and details for quick reference • Quick Copy - One-click copy of URLs, request bodies, response bodies, cookies, etc., with formatted JSON output support • Real-time Mock - Click on JSON values to edit and modify API response data in real-time, making it easy to test various scenarios and edge cases • API Filtering - Right-click to hide unwanted APIs, clean up the list, and focus on target interfaces ✨ Highlights: ✓ Seamless integration with Chrome DevTools, consistent UI style ✓ Automatic light/dark theme switching ✓ Performance optimized, no impact on page loading speed ✓ Persistent storage for configurations, pinned fields, and blocked API list Use Cases: • Frontend development and debugging of Mtop API interfaces • Troubleshooting API exceptions and data issues • Analyzing request parameters and response structures • Mock data testing for frontend logic Tech Stack: React 19 + TypeScript + Tailwind CSS