Media
1 item
Description
Hover over any element to see its CSS selector, then click to copy it. Supports disabled elements, draggable toolbar, copy history. Element Selector Picker Click any element on a webpage to instantly copy its CSS selector to your clipboard. PERFECT FOR: • Test automation (Cypress, Playwright, Selenium, Puppeteer) • Feature tours (Shepherd.js, Intro.js, Driver.js) • Web scraping • CSS debugging SMART SELECTORS: • Prefers stable selectors like IDs and data-testid attributes • Automatically filters framework-generated classes (Angular, React, Vue, Styled Components) • Finds the shortest unique selector path HOW TO USE: 1. Click the extension icon 2. Click "Activate Picker" 3. Hover to preview selectors 4. Click any element to copy its selector 5. Press Escape to cancel PRIVACY: • No data collection • No network requests • Works 100% locally • Only activates when you click Free and open source.