Web Element Selector Generator

Generate XPath and CSS selectors for web elements.

Generate CSS, XPath, WebdriverIO, and Playwright selectors instantly from any element on a webpage. The Web Element Selector Generator is a powerful browser extension for developers, testers, and automation engineers. It instantly generates CSS selectors, XPath expressions, and ready-to-use framework snippets (WebdriverIO, Playwright) for any element on a webpage. No more manually inspecting HTML or struggling with unreliable locators — this tool gives you multiple selector strategies in one click. Key Features Multiple Selector Types CSS Relative & Absolute XPath Relative & Absolute CSS Attribute Contains XPath Text Contains ARIA Role Locators (getByRole) Automation Framework Snippets Ready-made selectors for WebdriverIO, Playwright, and more. Absolute & Relative Selectors Generate both robust relative selectors and full absolute paths. One-Click Copy Quickly copy any selector or snippet to your clipboard. Validation Tool Test your selector directly in the page to confirm it matches. Highlight on Hover See exactly which element you're selecting. Alt+Click Selection Pick elements without blocking navigation. How It Works 1. Click the extension icon to open the popup. 2. Hover over any element — it will be highlighted. 3. Alt+Click to select it without triggering navigation. 3. View all selector variations in the popup. 4. Copy or validate with one click. Privacy This extension does not collect, store, or transmit any personal data. All processing happens locally in your browser.