SelectorsHub - Auto-generate Playwright Locators, XPath & CSS Selectors
SelectorsHub is a powerful developer tool that automatically generates and verifies Playwright locators, XPath, and CSS selectors for web automation testing.
Key Features:
- Auto-generation: Instantly generates multiple selector types including native Playwright locators, XPath, CSS selectors, IDs, names, and more.
- Advanced element support: Works seamlessly with iframes, Shadow DOM, SVG elements, dynamic elements, dropdowns, and complex UI components.
- Smart suggestions: Auto-suggests attributes, text values, and occurrences to help you build selectors faster—no more copying and pasting from the DOM.
- Error detection: Provides clear error messages indicating what's wrong with your XPath or CSS selectors.
- Element highlighting: Automatically highlights matching elements and scrolls them into view for easy verification.
- XPath Healing: Verify all the xpath in one shot.
- Locators Page: Generate Locator Page in one go.
How to Use:
- Open Chrome DevTools (F12 or right-click > Inspect)
- Navigate to the SelectorsHub tab in the DevTools sidebar, or click the SelectorsHub icon in your browser toolbar
- Inspect any element to automatically generate all selector types
- For Playwright locators, click the "Playwright Selectors" button, then inspect the element
- Type or edit selectors in the input box—smart suggestions will help you complete them quickly
- Press Enter to verify and highlight all matching elements on the page
Perfect for:
a) QA Engineers and Test Automation professionals,
b) Web developers working with Playwright, Selenium, Cypress, or other testing frameworks
c) Anyone who needs reliable, maintainable element selectors
Support:
Questions or feedback? Contact us at [email protected]
