Item logo image for Local Element Scout

Local Element Scout

5.0(

5 ratings

)
Item media 3 (screenshot) for Local Element Scout
Item media 1 (screenshot) for Local Element Scout
Item media 2 (screenshot) for Local Element Scout
Item media 3 (screenshot) for Local Element Scout
Item media 1 (screenshot) for Local Element Scout
Item media 1 (screenshot) for Local Element Scout
Item media 2 (screenshot) for Local Element Scout
Item media 3 (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.

Details

  • Version
    0.1.1
  • Updated
    October 13, 2025
  • 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

Related

SelectorsHub Pro

5.0

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

UI Inspector - Visual CSS Editor

4.0

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

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.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

Element Selector

0.0

Select and highlight elements on a webpage

CSS Selector for Google Chrome

5.0

Inspect elements, copy CSS selector or XPath, and record repro steps for QA, debugging, and CRO.

Vibe Annotations - Visual Feedback for AI Coding Agents

5.0

Visual annotations for localhost dev projects. Send feedback to AI coding agents like Claude & Cursor via MCP.

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.

E2E Test Helper

0.0

A helpful tool for locating UI elements for Cypress, Playwright, Selenium. Will create a Page Objects for by Generative AI.

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.0

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

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.

Elementor - Inspect, Copy & Download Elements

5.0

Visual Element Inspector with CSS Copy, Color Picker, Asset Download & DOM Eraser

Element Selector

0.0

Select and highlight elements on a webpage

CSS Selector for Google Chrome

5.0

Inspect elements, copy CSS selector or XPath, and record repro steps for QA, debugging, and CRO.

Vibe Annotations - Visual Feedback for AI Coding Agents

5.0

Visual annotations for localhost dev projects. Send feedback to AI coding agents like Claude & Cursor via MCP.

Google apps