SL SnapLocator by The Testing Academy
Free Chrome extension

Snap any element, get a stable locator in 9 frameworks.

SnapLocator is a Chrome DevTools extension that generates Playwright, Selenium, Cypress, WebdriverIO and Robot Framework locators straight from the page. Every candidate gets a stability score, self-healing chains, and a one-click Page Object export. No ads, no tracking, no telemetry.

Version: 0.7.0 License: MIT Chrome: 116+ Permissions: activeTab, scripting, storage

What's in the panel

Open DevTools on any page, switch to the SnapLocator tab, pick an element. Every feature below is one click away.

9 frameworks, 1 panel

Playwright (TS/JS/Python/Java), Selenium (Java/Python), Cypress, WebdriverIO, Robot Framework - all from the same pick.

Stability scoring

Every candidate rated best / good / ok / fragile - so you ship locators that don't break on the next sprint.

Smart patterns

Parameterised templates for form inputs - ${'$'}{placeholder}, ${'$'}{name}, ${'$'}{id}, ${'$'}{label}.

Test locator bar

Type any CSS or XPath, see live match count + highlight - before you paste it into a test.

Pick + highlight

Overlay-based element picker plus per-row flash on the inspected page. No more guessing.

Self-healing chains

Playwright .or() fallbacks generated automatically for fragile primary locators.

Shadow DOM + iframes

Auto-detects nested DOM trees and emits frameLocator() / shadow-root traversal for you.

XPath axes

ancestor / following / preceding / sibling generators for the power cases.

Locator linter

Flags absolute XPath, nth-of-type, auto-generated CSS class names - before they bite you.

Locator history

Last 50 picks persisted across DevTools sessions - copy any one back in a click.

Page Object generator

Pick elements into a basket, hit Generate - full Page Object class in your chosen framework.

Keyboard-first

Pick, copy, switch framework, jump frameworks - all with shortcuts. No mouse-tax workflow.

Install in 4 steps

It's a Chrome MV3 extension distributed as a zip. Unpack and load unpacked in Developer mode - same as any side-loaded extension.

Download the zip

Grab snaplocator-v0.7.0.zip from the button below. Unzip somewhere stable - this is the folder Chrome will reload from.

Open chrome://extensions

Paste chrome://extensions into the address bar. Top-right toggle: Developer mode on.

Load unpacked

Click Load unpacked, pick the unzipped folder. SnapLocator now lives in your Chrome.

Open DevTools - SnapLocator tab

F12 on any page, click the SnapLocator tab. Pick an element, copy the locator. Done.

Download v0.7.0 Try on Playwright practice

Zero telemetry. Zero analytics. Zero remote calls.

All settings live in chrome.storage.sync (your own Chrome profile). The extension only asks for activeTab, scripting and storage - that's it. No background tracking. No ads. The marketing site uses no cookies and no third-party scripts.

No tracking No ads MIT license Open source