autoPath

A Chrome extension that lets QA engineers hover, click, and instantly copy any element’s CSS selector or XPath.

autoPath brings effortless selector generation right to your browser—no coding needed. Overview autoPath is a Manifest V3 Chrome extension built for QA engineers and front-end developers. Hover over any element to preview its unique CSS selector and XPath, then click to capture and copy with one tap. Your last five selections are saved for quick reuse. Key Features Live Preview: Hover to see the CSS selector & XPath in a tooltip. One-Click Capture: Click any element to open the popup and instantly copy its selector or XPath. Recent History: Stores up to five past captures in Chrome’s local storage. Minimal UI: Clean popup shows an element thumbnail, read-only fields, and “Copy” buttons with confirmation toasts. Zero Setup: Just “Load unpacked” in Developer Mode—no external dependencies. Lightweight & Secure: Vanilla JavaScript, HTML, and CSS following Chrome Extension best practices. How to Use Install autoPath from the Chrome Web Store. Open any web page, then hover over elements to preview selectors. Click the element you need—autoPath captures it. Click the toolbar icon to open the popup, then copy your CSS selector or XPath. Revisit your last five selections any time from the popup’s history list. Streamline your test-automation workflow—say goodbye to flaky locators and manual selector hunting!