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. 🗄️ Storage Inspector View and edit localStorage, sessionStorage, and cookies for the active tab — including HttpOnly cookies, which page JavaScript can't touch. Add, edit, and delete values directly, exactly like Chrome DevTools. 🕵️ 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. ♿ Accessibility Checker Run a real WCAG audit powered by axe-core, the industry-standard accessibility engine — entirely local, right from your browser. Get detailed violation reports, an accessibility tree, real keyboard-focus testing, color contrast analysis, audit history and comparisons, and exportable reports (JSON/CSV/HTML) — all in a dedicated side panel. 🔓 Decoder Decode and encode URL parameters, HTML entities, Base64, Unicode escapes, and JSON — plus decode JWT tokens (header, payload, and expiry, without touching the signature). Auto-detects the format, or pick one manually. Grab a value straight from any element on the page with one click. Runs entirely locally — nothing is ever sent anywhere.