Web Element Selector Generator 作者： Cotetiu Madalin
Generate CSS/XPath selectors for elements or a whole page, with ready-to-paste Selenium, Playwright, and Cypress code snippets.
扩展元数据
屏幕截图
关于此扩展
Web Element Selector Generator instantly turns any element — or an entire page — into ready-to-use CSS selectors, XPath, and test automation code for Selenium, Playwright, Cypress, and WebdriverIO.
Stop hand-crafting locators in DevTools. Click one element, or scan a whole page at once, and get every selector strategy you need plus copy-paste-ready code in the language and framework you already use — Java, Python, JavaScript/TypeScript, or C#.
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"
• Jump straight into Inspect mode with the Alt+Shift+E shortcut
SCAN AN ENTIRE PAGE AT ONCE — NEW
• Open the side panel and scan every link, button, input, form, and test-id-tagged element on the page in a single pass
• Reaches cross-origin iframes, not just your own frame — something most selector tools can't do
• Filter by element category, search by text/tag/selector, and hover any result to highlight it live on the page
• Multi-select elements and export them together as a ready-to-paste Page Object class
GET 8 LOCATOR STRATEGIES PER ELEMENT
• 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
• A "recommended" badge automatically highlights the most robust option
GENERATE READY-TO-PASTE TEST CODE — NEW
• Selenium WebDriver: Java, Python, C#, JavaScript
• Playwright: JavaScript/TypeScript, Python, Java, C#
• Cypress and WebdriverIO
• Copy a single locator line, or export a full Page Object class skeleton from a batch of scanned elements
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
• Export your selection history, or a full page scan, as JSON or CSV
PRIVACY FIRST
Everything runs locally in your browser. No element data, page content, or selectors are ever sent anywhere — history, scan results, and settings are stored only in your own Chrome profile.
Built for QA engineers, SDETs, and automation testers writing Selenium, Playwright, Cypress, or WebdriverIO tests, developers debugging dynamic UIs, and anyone scraping data or auditing pages for accessibility.
Stop hand-crafting locators in DevTools. Click one element, or scan a whole page at once, and get every selector strategy you need plus copy-paste-ready code in the language and framework you already use — Java, Python, JavaScript/TypeScript, or C#.
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"
• Jump straight into Inspect mode with the Alt+Shift+E shortcut
SCAN AN ENTIRE PAGE AT ONCE — NEW
• Open the side panel and scan every link, button, input, form, and test-id-tagged element on the page in a single pass
• Reaches cross-origin iframes, not just your own frame — something most selector tools can't do
• Filter by element category, search by text/tag/selector, and hover any result to highlight it live on the page
• Multi-select elements and export them together as a ready-to-paste Page Object class
GET 8 LOCATOR STRATEGIES PER ELEMENT
• 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
• A "recommended" badge automatically highlights the most robust option
GENERATE READY-TO-PASTE TEST CODE — NEW
• Selenium WebDriver: Java, Python, C#, JavaScript
• Playwright: JavaScript/TypeScript, Python, Java, C#
• Cypress and WebdriverIO
• Copy a single locator line, or export a full Page Object class skeleton from a batch of scanned elements
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
• Export your selection history, or a full page scan, as JSON or CSV
PRIVACY FIRST
Everything runs locally in your browser. No element data, page content, or selectors are ever sent anywhere — history, scan results, and settings are stored only in your own Chrome profile.
Built for QA engineers, SDETs, and automation testers writing Selenium, Playwright, Cypress, or WebdriverIO tests, developers debugging dynamic UIs, and anyone scraping data or auditing pages for accessibility.
评分 0（1 位用户）
权限与数据
更多信息