Overview
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.
Details
- Version1.0.3
- UpdatedJuly 15, 2026
- Offered byhanuman22698
- Size18.28KiB
- LanguagesEnglish (United Kingdom)
- DeveloperHanuman Singh
Road No. 6, B- Block, Gayatri Nilayam, Papi Reddy Nagar, Hyderabad, Telangana 500037 INEmail
hanuman22698@gmail.comPhone
+91 89777 15530 - TraderThis developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
