AegisRunner Selector Recorder

About

AegisRunner Selector Recorder makes it effortless to capture CSS selectors from any live webpage — no DevTools required.

How it works:

Click the extension icon and hit "Start Recording"
Hover over any element on the page — it highlights instantly
Click to capture its CSS selector — automatically copied to your clipboard
Use your recorded selectors in AegisRunner or anywhere else
Smart Selector Generation
The extension generates the most stable, reliable selector using an intelligent priority system:
• #id — if the element has a unique ID
• [data-testid] — preferred for test automation
• [aria-label] — accessible attribute matching
• tag.className — unique tag and class combinations
• Contextual parent paths (e.g., #sidebar > nav > a.active)
• nth-child as a last resort

Dynamic or hash-based class names (like CSS modules) are automatically filtered out so your selectors stay stable across builds.

Key Features
• One-click element selection — no manual CSS writing
• Auto-copy to clipboard on capture
• Selector history — view, copy, or remove past recordings
• Direct AegisRunner integration — send selectors straight to the test suite editor
• Works on any website
• Lightweight and fast — no background processes
• Dark theme UI

Built for AegisRunner
If you use AegisRunner for accessibility and UI testing, this extension supercharges your workflow. Captured selectors can be sent directly to the AegisRunner suite editor with one click, pre-filling your test steps instantly.

Works great as a standalone selector tool too — no AegisRunner account required.

Privacy
• No data is sent to any server
• All selectors are stored locally in your browser
• No tracking, no analytics
• Requires only activeTab, clipboardWrite, and storage permissions

Made by AegisRunner — https://aegisrunner.com