SelectorForge – DevTools

SelectorForge is a developer tool that generates production-ready CSS selectors, XPath expressions and test-framework-specific locators for any HTML element — in one click. What it does: Click "Pick element" and click any element on the page — selectors appear instantly Switch between Raw, Cypress, Playwright and Selenium output formats Smart selector ranking: data-testid → aria-label → id → class → structural fallback Highlight and validate any selector directly on the page — see the match count live Floating draggable panel — works alongside your page without blocking DevTools Shadow DOM and iFrame detection with pierce selectors for Playwright Output formats: Raw — CSS selector + relative & absolute XPath Cypress — cy.get(), cy.contains(), cy.xpath() with cypress-xpath note Playwright — getByTestId(), getByLabel(), getByText(), locator(), frameLocator() Selenium — By.cssSelector(), By.id(), By.name(), By.xpath() Who is it for: QA engineers, frontend developers and anyone writing automated tests who wants accurate selectors fast — without switching context between DevTools and their editor. Privacy: SelectorForge does not collect, transmit or store any user data. All processing happens locally in your browser.