Item logo image for Element Evidence: Copy DOM & Locators

Element Evidence: Copy DOM & Locators

molodchyk.com
Item media 1 (screenshot) for Element Evidence: Copy DOM & Locators

Overview

Copy a selected DevTools element as one JSON bundle with DOM, locators, styles, and page context.

Copy the element selected in Chrome DevTools as one automation-ready DOM and locator bundle. Use it when a blocker report, AI assistant, or browser automation task needs more than one selector. The bundle includes page context, selected element metadata, outerHTML, CSS selector, XPath, full XPath, JavaScript query path, optional computed styles, nearby DOM summaries, and exact fields matching Chrome DevTools' Copy submenu. Popular uses: - hand off the exact UI element that needs automation work - paste rich DOM context into an AI or debugging thread - keep CSS selector, XPath, JS path, and HTML evidence together - preserve Chrome DevTools Copy submenu fields in one payload - reduce repeated right-click copy operations in DevTools Features: - Adds an Element Evidence sidebar to the DevTools Elements panel - Copies one JSON or Markdown payload with a single button - Uses the DevTools-selected node through $0 - Includes redundant locator data and Playwright-style candidates for later automation work - Keeps all processing local in your browser - Uses no host permissions, background worker, analytics, storage, or network requests Limitations: - This extension works inside Chrome DevTools. - It cannot add an item to Chrome's built-in Elements Copy submenu. - Cross-frame and closed shadow-root behavior is controlled by Chrome DevTools. Open source under the GPL-3.0 license: https://github.com/molodchyk/element-evidence

Details

  • Version
    1.0.0
  • Updated
    July 5, 2026
  • Size
    37.94KiB
  • Languages
    English
  • Developer
    Website
    Email
    molodchykr@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

Element Evidence: Copy DOM & Locators has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Element Evidence: Copy DOM & Locators handles the following:

Website content

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

Support

Related

Console Copy Tool

5.0

Automatically captures and copies formatted console messages from Chrome DevTools

TypeScript Console

3.6

Run and debug TypeScript code in the Browser DevTools.

Select & Copy HTML Text

3.0

Select part of an HTML document and copy the underlying text to the clipboard!

Easy Copy DOM

0.0

Quickly copy the HTML of any element on a page: hover to highlight, click to copy. Use the toolbar icon or a keyboard shortcut.

ALT-DEV TOOLS

5.0

A powerful sidebar DevTools alternative — Elements, Console, Network, Sources & Application panels right in your browser sidebar

Format Link Custom

0.0

Copy titles and URLs in Markdown, HTML, or a custom style. Works on one page or several selected tabs at once.

HTML Tree Generator — DOM Tree Viewer

0.0

🌳 See any page's HTML as an interactive DOM tree in a side panel. Search it, highlight elements, copy CSS selectors.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

Copy Request — DevTools

0.0

Copy a request's URL, params/payload, selected headers and response body from a DevTools panel.

Web Code Extractor – HTML, CSS & JavaScript Grabber

0.0

Extract HTML, CSS, and JavaScript from any webpage. Pick individual elements or grab the full page.

RawLens

0.0

Pretty-print messy JSON from selections, page elements, clipboard content, and raw pages in Chrome.

HTML/CSS Extractor

5.0

Extract HTML & CSS from any element with live preview, smart selector simplification, and syntax-highlighted editor

Console Copy Tool

5.0

Automatically captures and copies formatted console messages from Chrome DevTools

TypeScript Console

3.6

Run and debug TypeScript code in the Browser DevTools.

Select & Copy HTML Text

3.0

Select part of an HTML document and copy the underlying text to the clipboard!

Easy Copy DOM

0.0

Quickly copy the HTML of any element on a page: hover to highlight, click to copy. Use the toolbar icon or a keyboard shortcut.

ALT-DEV TOOLS

5.0

A powerful sidebar DevTools alternative — Elements, Console, Network, Sources & Application panels right in your browser sidebar

Format Link Custom

0.0

Copy titles and URLs in Markdown, HTML, or a custom style. Works on one page or several selected tabs at once.

HTML Tree Generator — DOM Tree Viewer

0.0

🌳 See any page's HTML as an interactive DOM tree in a side panel. Search it, highlight elements, copy CSS selectors.

Web Component DevTools

4.3

Developer tooling for Web Components and Web Component Libraries

Google apps