Copy Css Selector

Copy Css Selector

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

What is Copy Css Selector?
Copy Css Selector is a Chrome extension designed to enhance the ease of web development tasks. With a right-click, it lets users identify and copy unique CSS selectors of any DOM element into the buffer. Its functionality makes it essential for tasks that require quick and accurate identification of elements, such as in testing frameworks like Selenium. Aimed at providing efficiency and accuracy, Copy Css Selector is an indispensable tool for every web developer.
Merlin
Stats
Users: 10,000+
Rating: 3.91 (22)
Version: 0.5.0.3 (Last updated: 2018-10-20)
Creation date: 2018-10-20
Risk impact: Moderate risk impact
Risk likelihood: Very low risk likelihood
Manifest version: 2
Permissions:
  • contextMenus
  • activeTab
  • clipboardWrite
Size: 19.77K
URLs: Website
Stats date:

Other platforms

Not available on Firefox
Copy Css Selector
Copy Css Selector (v0.5.0.4)
0.00 (0) 2,515+
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.
Chrome-Stats extension
Merlin
Summary

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.

User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Useful in finding CSS paths for Selenium tests
  • Efficient in parsing web pages and getting unique CSS identifiers
  • Simple and Handy
  • Beneficial for managing web-based autotests
Cons
  • Context menu doesn't work as expected
  • Doesn't create a 'CSS Path' tab as expected
  • Doesn't seem to parse complex forms
  • Inability to copy selector of iframe element
Most mentioned
  • Useful for Selenium testing
  • Has issues with context menu
  • Requires refresh after installation for proper functioning
Recent reviews
Good one
by Anbu flipflop Anbu flipflop, 2023-09-22

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. :(

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.
by M K M K, 2021-04-30
View all user reviews
Safety
Risk impact

Copy Css Selector may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.

Risk likelihood

Copy Css Selector has earned a good reputation and can be trusted.

Upgrade to see risk analysis details
Promo video
Screenshots
Similar extensions

Here are some Chrome extensions that are similar to Copy Css Selector: