Playwright AutoLocator & CodeGen

DevTools panel to generate robust Playwright & XPath locators uniquely identified within the DOM.

Playwright AutoLocator & CodeGen is a high-performance Chrome Extension built for automation engineers who need to generate production-grade, resilient, and strictly unique locators for Playwright scripts. Unlike standard "copy selector" tools, this extension acts as an intelligent layer that analyzes the DOM to find the most stable path to an element, specifically optimized for modern frameworks like React, Angular, and Vue. 🚀 Key Features Multi-Strategy Generation: Instantly generates a full suite of locators: Playwright Native: getByRole, getByText, getByLabel, getByTestId, etc. Standard: Optimized CSS Selectors and Relative/Absolute XPaths. Uniqueness Guard: Every locator is automatically verified against the live page. If a locator matches more than one element, the tool intelligently refines it until it is strictly unique (1 of 1). Dynamic ID & Class Filtering: Automatically identifies and skips auto-generated or "brittle" strings (like React's JSS classes or GUID-based IDs) to prevent locators from breaking on the next build. Smart Anchor Technology: Designed for complex grids and lists. If an element isn't unique, the tool finds a stable "anchor" sibling (like a product title or user name) and anchors the locator to it. Shadow DOM & Iframe Piercing: The built-in element picker can see through Shadow DOM boundaries and Iframe containers that usually block standard inspection tools. Instant Code Generation: Provides copy-paste ready code snippets in JavaScript, Python, and Java. Contextual UI: Clicking any specific locator (like CSS or Role) instantly updates the main code block to use that specific strategy.