Copy Css Selector
Item logo image for Copy Css Selector

Copy Css Selector

Featured
3.9(

22 ratings

)
Item media 3 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item video thumbnail

Overview

Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.

Find the unique selector for any element on page. It will find an optimal selector that’s unique to the element selected. Right click on the element with mouse and select Copy Css Selector menu item into buffer, so you can past copied selector to any text editor. Very useful for quickly getting selector for any element for testing frameworks like as Selenium.

3.9 out of 522 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Anbu flipflopSep 22, 2023

Good one

Review's profile picture

osirisgothra (osirisgothra)Feb 23, 2023

The webpage context menu does not work at all! In fact, the clipboard remains untouched no matter what I am hovering over and choose. So yeah, pretty useless if I have to open Devtools and use it there--I might as well use Devtools since the whole point to me is to eliminate needing to open it in the first place. The only way this extension would be great is if the in-page context menu actually worked. It was a big letdown for something that would have been a big timesaver. :(

1 person found this review to be helpful
Review's profile picture

M KApr 29, 2021

You'd think there would be a ton of extensions that do this one simple thing... there aren't. This ext is the best I've found so far. Wish there were some options or other features but hey, it works.

1 out of 2 found this helpful

Details

  • Version
    0.5.0.3
  • Updated
    October 20, 2018
  • Offered by
    Alexander Chermyanin (flamencist)
  • Size
    19.31KiB
  • Languages
    English
  • Developer
    Email
    flamencist@mail.ru
  • 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

The developer has not provided any information about the collection or usage of your data.

Support

Related

CSS Selector Helper

3.8(55)

Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.

Da Vinci Tools

4.8(32)

The Supermetrics Google Marketing Platform power tools for smart digital marketers and analysts.

XPath Helper

3.4(587)

Extract, edit, and evaluate XPath queries with ease.

CSS and XPath checker

2.7(44)

A helper tool for to confirm CSS and XPath selector.

CSS Selector Capture Pro

5.0(11)

Generate a copiable CSS Selector with a mouseover without Devtool

Copy Element ID

2.5(16)

Copies Selected Element ID to Clipboard via Right-Click context menu

CSS Used

4.6(176)

Get all css rules used by the selected DOM and its descendants.

CSS Selector Finder for Chrome Devtools

4.0(4)

Generate CSS Selectors from the Chrome Devtools Elements Panel

SelectorGadget

4.5(108)

Easy, powerful CSS Selector generation.

GTM Variable Builder

4.5(27)

From Chrome Developer Console, highlight elements to get JavaScript code. Built by: Triangle Digital (Triangledigital.xyz)

CSS Selector

1.0(2)

Quick, Easy, powerful CSS Selector generation.

Analytics Debugger

4.6(185)

Your Single Source of Truth (SSOT) for debugging analytics implementations

CSS Selector Helper

3.8(55)

Dev Tools sidebar that aids finding unique CSS selectors for Selenium WebDriver tests.

Da Vinci Tools

4.8(32)

The Supermetrics Google Marketing Platform power tools for smart digital marketers and analysts.

XPath Helper

3.4(587)

Extract, edit, and evaluate XPath queries with ease.

CSS and XPath checker

2.7(44)

A helper tool for to confirm CSS and XPath selector.

CSS Selector Capture Pro

5.0(11)

Generate a copiable CSS Selector with a mouseover without Devtool

Copy Element ID

2.5(16)

Copies Selected Element ID to Clipboard via Right-Click context menu

CSS Used

4.6(176)

Get all css rules used by the selected DOM and its descendants.

CSS Selector Finder for Chrome Devtools

4.0(4)

Generate CSS Selectors from the Chrome Devtools Elements Panel

Google apps