SelectorSpy

SelectorSpy — Element Inspector for QA Engineers Stop wasting time manually writing selectors for your automated tests. SelectorSpy lets you click on any element on a webpage and instantly get ready-to-use selectors for Selenium, Playwright, Cypress, and other test frameworks. HOW IT WORKS 1. Click the SelectorSpy icon and press "Start Inspecting" 2. Hover over any element — it highlights in real time 3. Click to capture — all selectors are extracted instantly 4. Save elements per site and reuse them anytime SELECTORS EXTRACTED • CSS Selector (short, test-friendly) • XPath (short & full) • ID, Name, Tag, Classes • Link Text & Href • Placeholder, Type, Value • Role, Aria Label • All data-* attributes SMART CSS SELECTOR GENERATION SelectorSpy doesn't just dump the full DOM path. It generates practical, concise selectors by checking in order: [data-testid] → [name] → [href] → [placeholder] → [role] → single class → tag The result? Selectors you'd actually write by hand — not 200-character Tailwind class chains. SAVE & ORGANIZE All captured elements are saved locally, grouped by website domain. Never re-inspect the same element twice. Reopen the popup and your saved selectors are right there. • Saved per site with domain grouping • One-click copy any selector to clipboard • Navigate back to any saved element on the page with highlight animation EXPORT Export all saved data to JSON or CSV — ready to integrate into your test suite or share with your team. PERMISSIONS • activeTab — inspect elements on the current page • storage — save captured elements locally • downloads — export files All data stays on your device. Nothing is sent to any server.