Web Element Selector Generator

Generate XPath and CSS selectors for web elements.

Web Element Selector Generator instantly turns any element on a page into ready-to-use locators for testing, scraping, and automation. PICK AN ELEMENT • Click an element (with Inspect mode on) or Alt+Click anywhere without blocking navigation. • Right-click any element and choose "Generate selectors for this element." • Or jump straight into Inspect mode with the Alt+Shift+E shortcut. GET 8 LOCATOR STRATEGIES AT ONCE • CSS — relative (shortest unique path) and absolute • XPath — relative and absolute • CSS attribute-contains and XPath text-contains, for elements with dynamic classes/IDs • ARIA role/name selector, for accessibility-first testing • Playwright locator code (getByTestId / getByRole / getByText), ready to paste into your tests • A "recommended" badge highlights the most robust option automatically BUILT FOR REAL-WORLD PAGES • Works inside open shadow roots and same-origin iframes, with clear notes when a selector's scope is limited • "Validate All" checks every generated selector live against the page and reports match counts • Keeps a history of your last 25 picks per tab so you can revisit earlier selections • Configurable attribute priority (prefer data-testid, data-qa, or your own custom attributes) via the Settings page • Export your selection history as JSON or CSV PRIVACY Everything runs locally in your browser. No element data, page content, or selectors are ever sent anywhere — history and settings are stored only in your own Chrome profile. Perfect for QA engineers, automation testers, and developers writing Playwright, Selenium, Cypress, or scraping scripts.