Local Element Scout

5.0(

5 ratings

)

Extension Developer Tools6 users

Item media 3 (screenshot) for Local Element Scout

Item media 1 (screenshot) for Local Element Scout

Item media 2 (screenshot) for Local Element Scout

Overview

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.

5 out of 5
5 ratings
Learn more about results and reviews.

Details

Version
0.1.1
Updated
October 13, 2025
Flag concern
Offered by
Furkan Çakır
Size
640KiB
Languages
English
Developer
Email
furkancakr7@gmail.com
Non-trader
This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

DOM XSS Highlighter — Pro

0.0

Highlights user-controlled reflections in DOM to help detect risky contexts. Run only on sites you own or may test.

React-DomPicker

5.0

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Smart AI Locator

4.0

Records unique locators from user interaction.

CSS Scanly - Copy CSS | Tailwind & Bootstrap

5.0

Copy CSS properties from any web element with CSS Scanly. Supports Tailwind & Bootstrap, Helpful for developers and designers

HTML/CSS Section Copier

0.0

Extracts selected section and provides raw HTML and CSS.

Element Selector

0.0

Select and highlight elements on a webpage

Vibe Annotations

5.0

AI-powered development annotations for local development projects and HTML files

SelectorsHub

4.8

Locators Plugin to Auto Generate and Verify Playwright Locators, XPath & CSS Selectors.

AutoMate – CSS Selector XPath Locator Finder

5.0

Generate & validate CSS/XPath locators for web automation. Works with Selenium, Playwright & Cypress. Highlight elements too.

XPath Locator

1.0

A web element locator tool for XPath and CSS selectors with real-time highlighting and property extraction features.

SelectorsHub Pro

5.0

xPath plugin to auto generate, write and verify xpath & cssSelector.

UI Inspector - Visual CSS Editor

4.1

Inspect and visually edit elements and their CSS directly on the page for faster design and UI debugging.