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

Latest Version

Version
0.5.0.3
Update
October 20, 2018
Size
19.31KiB
Developer
Category
Users
10,000+
Rating
3.69231 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
ContextMenus
ActiveTab
ClipboardWrite
See more

Copy Css Selector Extension

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.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Copy Css Selector", "short_name": "CopyCssSelector", "version": "0.5.0.3", "description": "Extends the Developer Tools and context menu, adding a sidebar that displays the css path of DOM element.", "devtools_page": "devtools.html", "background": { "page": "background.html" }, "manifest_version": 2, "icons": { "16": "icons/icon16.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }, "author": "Alexander Chermyanin (flamencist)", "offline_enabled": true, "permissions": ["contextMenus", "activeTab", "clipboardWrite"], "content_scripts": [{ "all_frames": true, "matches": ["*://*/*"], "js": ["js/selector-generator.js", "js/content.js"], "css": ["css/style.css"] }]}
Read more

Similar Extensions

icon

CSS Selector Capture Pro Extension · Developer Tools 10,000+ 11 ★ 116KiB

icon

Copy Element ID Extension · Developer Tools 10,000+ 16 ★ 119KiB

icon

CSS Used Extension · Developer Tools 10,000+ 184 ★ 164KiB

icon

CSS Selector Finder for Chrome Devtools Extension · Developer Tools 10,000+ 5 ★ 35.66KiB

icon

SelectorGadget Extension · Developer Tools 10,000+ 108 ★ 86.66KiB

icon

Selector Finder Extension · Developer Tools 10,000+ 3 ★ 333KiB

icon

CSS Selector Tester Extension · Developer Tools 10,000+ 4 ★ 30.87KiB

icon

GTM Variable Builder Extension · Developer Tools 10,000+ 30 ★ 82.71KiB

icon

CSS Selector Extension · Productivity 10,000+ 2 ★ 73.43KiB

icon

Analytics Debugger Extension · Developer Tools 10,000+ 211 ★ 300KiB

icon

CSS Selector Helper Extension · Developer Tools 10,000+ 60 ★ 91.27KiB

icon

Da Vinci Tools Extension · Developer Tools 10,000+ 34 ★ 1.2MiB

icon

CSS and XPath checker Extension · Developer Tools 10,000+ 45 ★ 75.17KiB

icon

CSSSteal Extension · Developer Tools 10,000+ 46 ★ 557KiB

icon

ChroPath Extension · Developer Tools 10,000+ 1167 ★ 540KiB

icon

Element Locator Extension · Developer Tools 10,000+ 22 ★ 264KiB

icon

Adswerve - dataLayer Inspector+ Extension · Developer Tools 10,000+ 56 ★ 517KiB

icon

XPath Helper Extension · Developer Tools 10,000+ 597 ★ 247KiB

icon

Datalayer Checker Extension · Developer Tools 10,000+ 33 ★ 93.13KiB

icon

Ranorex Selocity Extension · Developer Tools 10,000+ 51 ★ 6.59MiB

icon

xPath Finder Extension · Developer Tools 10,000+ 34 ★ 15.28KiB

icon

GTM Sonar Extension · Developer Tools 10,000+ 14 ★ 15.94KiB

icon

jQuery Unique Selector Extension · Developer Tools 10,000+ 33 ★ 80.23KiB

icon

Yandex Metrica Debugger Extension · Developer Tools 10,000+ 8 ★ 22.03KiB

User reviews

icon

Anbu flipflop (ID: 00000085a65fa563) Voted 4 ★ - Updated 09/22/2023 Good one

icon

osirisgothra (osirisgothra) (ID: 000000440362cd95) Voted 1 ★ - Updated 02/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. :(

icon

M K (ID: 00000027d1d67ce7) Voted 5 ★ - Updated 04/30/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.

icon

Bob Flisser (ID: 000000acf91d89e5) Voted 1 ★ - Updated 04/28/2021 This does not create a "CSS Path" tab in the inspector. It does create a right-click menu item to copy the CSS path, but that menu item doesn't do what it says. This extension might have worked in 2019, but it doesn't work in 2021. At least not on my MacBook.

icon

Đông Đỗ (ID: 0000001a7630ffdf) Voted 3 ★ - Updated 10/01/2020 It work ok, but it can't copy selector of iframe element