QA Toolkit

All-in-one QA toolkit for web developers: inspect CSS, mock APIs, format JSON, pick colors, switch user agents, and more.

QA Toolkit is an all-in-one browser extension built for QA engineers and web developers who need fast, reliable tools without switching between apps or DevTools tabs. Tools included: 🎨 Color Picker Pick any color from the page using the native EyeDropper API. Displays HEX, RGB, and HSL values instantly. Keeps a history of your last 10 picks. 🔍 CSS Inspector Click any element on the page to get its optimized CSS selector and full selector path, plus relative and absolute XPath. Ready to copy in one click. 📐 Ruler Overlay a pixel ruler on any page. Measure distances between elements, track cursor coordinates, and see nearest-element guide lines — all in real time. 📝 Lorem Ipsum Generate placeholder text of any length directly in the extension popup — no third-party sites required. 🖼️ Lorem img Generate test placeholder images of any size and style directly in the popup — no external services or uploads needed. Choose from size presets (favicons, avatars, social cards, banners, edge cases like 1×1 and max dimensions) or set a custom width and height. Pick from 6 background types (solid, gradient, checkerboard, noise, stripes, grid), set labels with dimensions or custom text, and export as PNG, JPEG, WebP, or SVG. Unique feature: embed EXIF orientation tags (1–8) into JPEG to test auto-rotate handling in file upload forms. 🔗 Redirect Checker Trace the full redirect chain of any URL step by step — see every hop, status code, and final destination without leaving the browser. 🕵️ User Agent Switcher Spoof your browser's User Agent per tab using session rules. Test how your site responds to different devices and browsers without restarting. 📦 Mock Server Intercept any network request and return a custom JSON response. Define your own status code, headers, and body — no backend needed. { } JSON Formatter Paste or capture raw JSON and get it formatted with syntax highlighting. Supports multiple themes (Monokai, Nord, One Dark, Spectrum, GitHub). 🖼️ OG Inspector Inspect Open Graph and Twitter Card meta tags on any page. Preview exactly how your link will look when shared on Twitter/X, Facebook, LinkedIn, Telegram, and Discord. 📋 iFrame Inspector List all iFrames on the current page with their source URLs, dimensions, and sandbox attributes. Spot hidden iFrames instantly. 🎨 Page Painter Draw, highlight, and annotate directly on any webpage. Useful for visual bug reports and quick UI mockups during reviews.