Element Picker — Etree

Element Picker lets you visually select any element on a webpage and instantly copy its CSS selector — no DevTools required.
Simply click the extension icon to activate selection mode, hover over any element to highlight it, then click to capture it. A clean dialog appears showing the full DOM breadcrumb path and the most stable, human-readable CSS selector for that element — prioritising IDs, test attributes, aria labels, and semantic class names over brittle generated ones.
Features:

One-click element selection with live hover highlighting
Smart selector generation — prefers stable IDs, data-testid, aria-label, and semantic classes
Skips auto-generated, hashed, and framework-prefixed class names (React, Angular, MUI, Chakra, etc.)
Copy selector to clipboard instantly
Copy & Click — copies the selector and triggers the element's click event in one step
DOM breadcrumb trail showing the full path to the selected element
Works on any webpage

Perfect for: QA engineers, automation testers, web scrapers, and developers writing CSS or JavaScript selectors.