PickSelector — CSS Selector & XPath Helper
Extension Actions
Click any element to get its CSS selector and XPath. Copy as CSS, XPath, Playwright, Puppeteer, or jQuery.
PickSelector generates optimal CSS selectors and XPath expressions for any element on a page. Click to pick, copy in your preferred format. A modern replacement for SelectorGadget.
FEATURES:
• Visual Element Picker — hover to highlight, click to select
• Optimal CSS Selectors — uses IDs, unique classes, and nth-of-type for minimal, stable selectors
• XPath Generation — full XPath with index-based disambiguation
• 5 Copy Formats:
- CSS Selector
- XPath
- Playwright: page.locator('...')
- Puppeteer: page.$('...')
- jQuery: $('...')
• One-Click Copy — copy button next to each format
• Element Info — shows tag name, ID, and class names
HOW TO USE:
1. Click the PickSelector icon
2. Click "Start Picking"
3. Hover over elements — green highlight shows what you'll select
4. Click an element — results panel appears at bottom-right
5. Click "Copy" next to any format
6. Press Escape to stop
PRIVACY:
100% local. No data collected or transmitted. Works completely offline.
Built for QA engineers, web scrapers, test automation developers, and SEO professionals.