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.
Stats
Users:
10,000+
Rating:
3.91
(22)
Creation date:
2018-10-20
Risk impact:
Moderate risk impact
Risk likelihood:
Very low risk likelihood
Manifest version:
2
Permissions:
Size:
19.77K
Email:
fl*****@mail.ru
URLs:
Website
Stats date:
Chrome-Stats Rank
#
9158
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.
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
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
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.
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:
CSS Selector Capture Pro
Copy Element ID
CSS Used
CSS Selector Finder for Chrome Devtools
SelectorGadget
GTM Variable Builder
CSS Selector
Analytics Debugger
CSS Selector Helper
Da Vinci Tools
XPath Helper
CSS and XPath checker
POINT & SHOOT
5.00
10,000+
jayh99
2.50
1,000+
https://bobscript.com
4.58
60,000+
https://abbadata.com
4.00
2,000+
https://selectorgadget.com
4.48
200,000+
https://triangledigital.xyz
4.46
30,000+
Cool and Fun Software
1.00
10,000+
https://www.thyngster.com
4.63
100,000+
jlawrence6809
3.78
20,000+
Supermetrics
4.75
20,000+
Adam Sadovsky
3.43
300,000+
https://takaki-web.media-as.org
2.73
20,000+