Web Element Selector Gene

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.