Local Element Scout

Highlight local UI elements and copy precise selectors for localhost projects.

Local Element Scout spotlights DOM elements on your localhost projects and captures inspector-ready metadata so you can debug, document, or hand context to AI helpers without leaving the page. Key features: - Instant hover highlight on localhost and 127.0.0.1 tabs with zero setup. - Floating Path / Path+CSS buttons that copy XPath, CSS selector, and optional computed styles in a single click. - Start/Stop toggle to pause overlays when you need to interact with the page. - Inline toast feedback for clipboard success or permission issues. - Host allowlist stored locally so you stay in control of where the overlay runs. How it works: 1. Load your local site in Chrome. 2. Hover any element to preview the selector overlay. 3. Click Path for structural metadata or Path+CSS to include styles. 4. Paste the JSON payload into your editor, tests, or AI assistant. Use Local Element Scout to keep your local debugging smooth, accurate, and ready for automation.