olfpbidhiphfmjiegcennnbmponlpbac
Capture, edit, and mock GraphQL responses in real-time. Perfect for testing edge cases without backend changes. GraphQL Mocker - Real-time GraphQL Response Mocking Tool for Developers 🚀 Stop waiting for backend changes. Test any GraphQL scenario instantly. GraphQL Mocker is a powerful Chrome DevTools extension that intercepts GraphQL requests and lets you customize API responses in real-time. Perfect for frontend developers, QA engineers, and anyone working with GraphQL APIs. 🎯 WHO IS THIS FOR? • Frontend Developers - Continue development when backend APIs are incomplete or unstable • QA Engineers - Test error states, edge cases, and loading scenarios without complex setup • Demo Presenters - Showcase different app states during presentations • Full-stack Teams - Debug and validate API integrations faster 📸 AUTO-CAPTURE Automatically intercepts all GraphQL queries and mutations. No configuration required. ✏️ INTUITIVE JSON EDITOR Visual tree editor with inline editing. Click any value to modify it instantly. 🎭 INSTANT MOCKING Return custom responses for any GraphQL operation. Test null states, errors, and edge cases. ⏱️ NETWORK DELAY SIMULATION Add response delays (0ms~) to test loading states and slow network conditions. 🔀 SMART BOOLEAN TOGGLE Edit boolean values with convenient true/false dropdown selector. 🎚️ GLOBAL ON/OFF SWITCH Enable or disable all mocking with a single click. 🔍 POWERFUL SEARCH Quickly find operations and search through large JSON responses. 🪟 SEPARATE EDITOR WINDOW Open a larger editing panel for complex data structures. ✓ Test error handling (404, 500, validation errors) ✓ Simulate empty states and null values ✓ Test pagination with large datasets ✓ Validate loading state UI ✓ Demo specific app scenarios ✓ Debug GraphQL response issues 1. Install the extension and pin it to your toolbar 2. Navigate to any page making GraphQL requests 3. Click the extension icon to see captured operations 4. Edit any response and click "Save & Activate" 5. Refresh the page - your custom response is served! • All data stays 100% local in your browser • No external servers or data collection • No account required • Works completely offline • MIT Licensed • Contributions welcome on GitHub • Built with React & TypeScript
API Scout Professional
Advanced API discovery and analysis tool - Discover Hidden APIs in Real-Time API Scout Professional is a Chrome extension designed to detect, analyze, and document API calls in real-time. With an advanced multi-signal scoring system, this extension identifies API endpoints used by the websites you visit. 🎯 WHY INSTALL THIS EXTENSION? As a developer, security researcher, or analyst, you often need to understand how a website communicates with its backend. API Scout Professional makes this process automated and easy. • Multi-Signal Scoring System Advanced detection algorithm with 10+ signals for high accuracy - Detect REST APIs - GraphQL queries & mutations - WebSocket connections - RESTful services with versioning • Export to Multiple Formats - JSON: Complete data with all metadata - CSV: Spreadsheet format for analysis - HAR: HTTP Archive format for professional tools • Privacy-Focused - All data stored locally in your browser - No external tracking or analytics - Auto-redact sensitive data (tokens, passwords, API keys) • Professional Interface - Dark mode support - Search and filter by method/category - DevTools panel integration - Desktop notifications for new APIs 🔧 Developers - Reverse engineer APIs from websites - Learn API structure for integration - Debug network issues 1. Install the extension 2. Visit any website 3. API Scout automatically detects and categorizes API calls 4. View results in popup or DevTools panel 5. Export data for further analysis - 100% local storage (IndexedDB) - Zero data sent to external servers - Auto-redaction for sensitive data - Open source (code can be audited) - Intuitive and modern interface - Automatic dark mode - Powerful filter and search - One-click export - Customizable settings API Scout Professional is an essential tool for anyone working with web APIs. Boost your productivity and understanding of web applications today!
Querio - GraphQL and HTTP requests inspector
Inspect GraphQL and raw HTTP requests/responses like a Boss 😎 ★ Querio intercepts and displays GraphQL, Fetch and XHR requests in… Inspect GraphQL and raw HTTP requests/responses like a Boss 😎 ★ Querio intercepts and displays GraphQL, Fetch and XHR requests in a nicer and more dev-friendly way than the built-in Network inspector ★ Each request made on the page is beautifully formatted and highlighted ★ Filter by request type and search by GraphQL query/mutation name ★ Dark and Light themes December 2023 Updates (v1.0): - Fresh look 🎨 - Last request mode - GraphQL HTTP batching - Preflight headers for request/response - Improved search November 2021 Updates: - Use Prettier for GQL requests - Fixed layout problems September 2021 Updates: - Search for query and response 🎉 - "Copy" buttons - Prettifier for GQL requests - New look for listing
WCAG Color contrast checker
To check the color contrast between foreground and background of the texts It checks the color contrast between the foreground and background of the elements that are in the page according to the WCAG 2.2. It evaluates the contrast on all elements of the page considering their computed style for the color and background-color CSS properties. In case of these colors are defined with RGBA values, it also considers the opacity to deduce the real color that finally is show. It can simulate color blindness and evaluate the contrast for the simulations. By this way, developers can see how the pages look for colorblind users. The tool also includes two fields in which the colors can be introduced manually to be tested. It also allows to pick the color directly from the documents. Finally, it auto-refreshes when DOM of the page changes (addition or removing elements), but if the page has many changes, this behavior can be de-activated.
Mokku
Adds the API mocker MOKKU to Chrome Developer Tools for seamless integration & testing. 🚀 Take Control of Your API Workflows with Mokku Stop waiting for backend deployments or struggling with unstable staging environments. Mokku is the ultimate developer tool that integrates directly into your Chrome DevTools to let you mock, modify, and manage API responses seamlessly. Whether you're building a frontend against a non-existent API or testing edge-case error states, Mokku gives you the power of a full mock server right inside your browser. Complete Control: Specify JSON bodies, HTTP status codes, time delays (latency), and custom headers. GraphQL Native: Full support for mocking GraphQL queries and mutations. Dynamic Responses: Go beyond static files. Write JavaScript functions to return complex, conditional data based on the request. Dynamic URL Matching: Use patterns like /goals/:goalId (powered by path-to-regexp v8.2.0). URL parameters are passed directly to your response functions. Pro Editor: Built-in Monaco Editor (the engine behind VSCode) for a premium coding experience. Modify request headers globally or on a per-URL basis. Perfect for testing auth tokens or custom headers without touching your source code. Projects: Group mocks and headers by project to keep your workspace clutter-free. Import/Export: Share mocks with your team or backup your setup by exporting project-based configurations. ⚙️ How it Works Mokku adds a dedicated tab to your Chrome DevTools. You can: Click-to-Mock: Pick any existing network call from your logs and turn it into a mock with one click. Start from Scratch: Create custom mocks manually for APIs that don’t exist yet. Safe Injection: Mokku is non-intrusive. It only injects scripts into localhost by default. For all other domains, it remains inactive until you manually enable it from the panel. Secure Storage: Your mocks are stored safely within your Chrome profile storage. Stop waiting for the backend. Start building with Mokku.
